JS utilise la méthode getComputedStyle() pour obtenir des conseils sur les valeurs des attributs CSS_javascript

Dans le processus de débogage des pages Web, js est souvent utilisé pour obtenir le style CSS des éléments. Maintenant, je résume seulement les méthodes que j'utilise souvent comme suit :

1. La méthode est que JS ne peut obtenir que la valeur écrite dans l'attribut de style écrit dans la balise html (style="..."), mais ne peut pas obtenir l'attribut défini dans ;body> ;

JS obtient la valeur de l'attribut CSS

; script type="text/javascript">
alert(document.getElementById("css88″).style.width);//200px
alert(document.getElementById("css88″).style.color ) ;//Blank





2. .currentStyle, tandis que FF utilise la méthode getComputedStyle

"Style au niveau DOM2" améliore document.defaultView et fournit la méthode getComputedStyle(). Cette méthode accepte deux paramètres : l'élément à partir duquel obtenir le style calculé et une chaîne de pseudo-élément (telle que ":after"). Si les informations sur les pseudo-éléments ne sont pas requises, le deuxième paramètre peut être nul. La méthode getComputerStyle() renvoie un objet CSSStyleDeclaration qui contient tous les styles calculés pour l'élément actuel. Prenons comme exemple la page HTML suivante :