<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Accès aux valeurs CSS avec Javascript</title>
<link rel="stylesheet" type="text/css" href="testCss.css" />
<script language="javascript" type="text/javascript">
function testCss(tagRef,element){
alert("L'attribut '"+element+"' du tag '"+tagRef+"' a la valeur '"+getCssValue(tagRef,element)+"'");
}
function getCssValue(tagRef,element) {
var tag = document.all(tagRef);
var value= tag.style[element];
if(value==null || value=='' || value=='undefined'){
var aClass = tag.className;
var cssRules = 'rules';
for (var sSheet=0; sSheet < document.styleSheets.length; sSheet++){
for (var rule=0; rule < document.styleSheets[sSheet][cssRules].length; rule++) {
var currentClass = document.styleSheets[sSheet][cssRules][rule].selectorText.substring(1);
if (currentClass == aClass) {
return document.styleSheets[sSheet][cssRules][rule].style[element];
}
}
}
}
return value;
}
</script>
</head>
<body>
<span id="truc1" style="color: blue;">
Div de test 1
</span>
<br/>
<span id="truc2" class="myClass">
Div de test 2
</span>
<br/>
<button onclick="testCss('truc1','color');testCss('truc2','color');">Cliquer pour tester</button>
</body>
</html>
Vous n'aimez pas le lifting de Facebook ? Le site Mashable propose cinq étapes pour revenir à l'ancienne présentation du réseau social.
