Hogyan működik a stílust javascript

Most megpróbáljuk, hogy az érték a háttérben ezeket a blokkokat.

var div1 = document.getElementById (# 'div1 #');
var DIV2 = document.getElementById (# 'DIV2 #');
riasztás (div1.style.background);
riasztás (div2.style.background);

Most az érték jelenik meg a figyelmeztetés.

Ugyanez a stílus, hogy mi meg a címkét stílus vagy egy külső stíluslapot az úgynevezett „számított stílusok” vagy „számított stílusban”. A név kaptak egy ok. Az a tény, hogy a böngésző először beolvassa a HTML-forrás, majd kiszámítja a stílusok, kérünk egy külső stíluslapot, és alkalmazza őket, hogy az elrendezés.

Ahhoz azonban, hogy elérhesse őket, még mindig lehet. A DOM Level2 leírások erre van egy speciális getComputedStyle () függvényt. Lássuk, hogyan működik.

var stílusok = getComputedStyle (div1);
riasztás (styles.background);

Meg kell adnod az ő eleme, amelynek stílusok szeretne kapni, és vissza fog térni, hogy az objektumot. Most csak válassza ki a kívánt tulajdonság és akkor azonnal kap az értékét.

Azonban ez a funkció nem működik a régi böngészők (IE8-), így ha szeretnéd, hogy cross-böngésző kompatibilitás, használja az alábbi kódot.

működnek getStyle (elem) vissza window.getComputedStyle. getComputedStyle (elem). element.currentStyle;
>

var stílusok = getStyle (div1); riasztás (styles.background);

Köszönöm, és sok szerencsét!