Comment implémenter javascript pour obtenir avec précision la valeur de l'attribut css d'un élément ? Lorsque nous traitons des propriétés CSS des éléments DOM, nous rencontrons souvent un problème : la valeur de la propriété CSS a été définie sur la page, mais elle est vide une fois obtenue. En effet, aucun fichier de feuille de style ou aucune information de style CSS par défaut en ligne ne peut être reflété de manière fiable. dans l'attribut style. Cet article vous présente la méthode permettant d'obtenir avec précision la valeur de l'attribut CSS d'un élément spécifié.
Javascript :
Exemple de code source
[www.downcodes.com] <script type="text/javascript">
fonction getStyle (élément, nom)
{
//Si cet attribut existe dans style[], il a été récemment défini (et est l'actuel)
si (elem.style[nom])
{
return elem.style[nom];
}
// Sinon, essayez la méthode IE
sinon si (elem.currentStyle)
{
return elem.currentStyle[nom];
}
//Ou méthode W3C, si elle existe
sinon si (document.defaultView && document.defaultView.getComputedStyle)
{
//Il utilise la méthode traditionnelle d'écriture de règles de style "text-Align" au lieu de "textAlign"
nom = nom.replace(/([AZ])/g,"-$1");
nom = nom.toLowerCase();
//Récupère l'objet style et récupère la valeur de l'attribut (s'il existe)
var s = document.defaultView.getComputedStyle(elem,"");
return s && s.getPropertyValue(name);
//Sinon, vous utilisez un autre navigateur
}
autre
{
renvoie null ;
}
}
</script>
