11523 sujets

JavaScript, DOM et API Web HTML5

Javascript et CSS - Comment pointer le style d'un ID

Bonjour,

Mon code Javascript est le suivant :


<script type="text/javascript">
var DOM2 = (document.getElementById ? true : false);
if(DOM2){
 var obj = document.getElementById("section").style;					
 var largeur = obj.width;
</script>


Si le style est "inline" dans la balise je récupère bien les propriétés CSS rattachées à l'ID, en revanche si le style est dans une feuille de style à part ou dans la partie <head></head> de la page, rien...

Comment faire pour récupérer l'information liée au style.

Je précise que les pages sont en XHTML strict, donc pas possibilité de laisser le style dans la balise.

Merci pour vos réponses.
ok, merci pour ta réponse, mais au delà de ce cas particulier, je voudrais savoir comment pointer les styles css qui ne sont pas dans la propriété "style" de la balise HTML mais dans la feuille de style !

Si quelqu'un connait la réponse...
Bonjour EricLB,

Je crois que ce précédent post correspond à ce que tu souhaites faire Smiley cligne !

Fonction JS : 

// Récupérer la valeur d'une propriété CSS d'un élément id
function getStyle(elt,pro)
{
var element = document.getElementById(elt);
if (window.getComputedStyle) // Mozilla Firefox & cie
{
var propriete = window.getComputedStyle(element,null).getPropertyValue(pro);
}
else if (element.currentStyle) // Microsoft Internet Explorer
{
// Formatage (IE) de la propriété CSS
while (pro.indexOf('-') != -1) 
{
var lettresuivtiret = pro.charAt(pro.indexOf('-')+1);
pro = pro.replace(/-\S{1}/,lettresuivtiret.toUpperCase());
}
var propriete = eval('element.currentStyle.'+pro);
}
return propriete;
}


Bonne journée. Romain
Modifié par yodaswii (06 Jun 2006 - 15:41)
Merci Romain, pour le script, je n'ai pas encore eu le temps de le tester mais je le mets de côté !
yodaswii a écrit :
Bonjour EricLB,

Je crois que ce précédent post correspond à ce que tu souhaites faire Smiley cligne !

Fonction JS : 

// Récupérer la valeur d'une propriété CSS d'un élément id
function getStyle(elt,pro)




Génial, je cherchais un moyen de faire ca depuis des jours Smiley smile

PS : on ne peut pas alléger un peu le script en considérant qu'on sait que les noms de style en JS ne comportent pas de "-" ? :

Fonction JS : 

// Récupérer la valeur d'une propriété CSS d'un élément id
function getStyle(elt,pro)
{
var element = document.getElementById(elt);
if (window.getComputedStyle) // Mozilla Firefox & cie
{
var propriete = window.getComputedStyle(element,null).getPropertyValue(pro);
}
else if (element.currentStyle) // Microsoft Internet Explorer
{
var propriete = eval('element.currentStyle.'+pro);
}
return propriete;
}

Modifié par Rouss (26 Oct 2006 - 10:39)
Sujet clos
Aller à