Maison > interface Web > tutoriel CSS > 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
Libérer: 2016-05-16 12:05:02
original
1676 Les gens l'ont consulté


...


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')

:)
Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal