Maison  >  Article  >  interface Web  >  javascript obtient des valeurs d'attribut CSS spécifiques​​Échange d'expérience

javascript obtient des valeurs d'attribut CSS spécifiques​​Échange d'expérience

WBOY
WBOYoriginal
2016-05-16 12:05:021616parcourir


...


Déclaré dans global.css


#myArticle{
width :400px ;
height:300px;
}

Dans ce cas, il est impossible d'obtenir la valeur de 400px via getElementById('myArticle').style.width directement via JS, car cette valeur est est défini en CSS, donc d'autres méthodes doivent être utilisées. J'ai écrit la fonction suivante :


/** 
* fonction pour obtenir la valeur de style dans un fichier css spécial 
* @param int css_file_id 
* @param String labname 
* @param String param 
*/
function getStyleValue(css_file_id,labname,param)
{
var tar;
var rss;
var style;
var valeur

tar = document.styleSheets[css_file_id];

for(i=0;i{
style = rss[i]; if(style .selectorText.toLowerCase() == nom du laboratoire. toLowerCase())
{
value = style.style[param];
}
}
return value
}

Vous pouvez maintenant le faire passer.


getStyleValue(0,'#myArticle','width')

:)
Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn