Cum de a lucra cu stiluri în JavaScript

Acum vom încerca să aducă valoarea fundal pentru aceste blocuri.

var div1 = document.getElementById (# 'div1 #');






var Div2 = document.getElementById (# 'Div2 #');
alert (div1.style.background);
alert (div2.style.background);

Acum, valoarea va fi afișată prin alerta.

Acelasi stil pe care ne-am stabilit în stilul etichetă sau într-o foaie de stil extern numit „stiluri calculate“ sau „stilul calculat“. Numele ei are un motiv. Faptul că browser-ul citește mai întâi elementele de limbaj HTML, iar apoi calculează stilurile pe care le punem într-o foaie de stil extern, și le aplică la aspectul.

Cu toate acestea, pentru a le accesa, încă mai putem. Specificațiile DOM Nivel2 pentru aceasta există o funcție getComputedStyle specială (). Să vedem cum funcționează.

stiluri var = getComputedStyle (div1);
alert (styles.background);

Trebuie să treci în elementul ei a cărui stiluri doriți să obțineți, și vă va întoarce la obiect. Acum, selectați doar proprietatea dorită, și veți obține instantaneu valoarea sa.

Cu toate acestea, această caracteristică nu funcționează cu browserele vechi (IE8-), deci, dacă doriți codul dvs. de compatibilitate cross-browser, utilizați codul de mai jos.

funcționa getStyle (elementul) întoarce window.getComputedStyle. getComputedStyle (elementul). element.currentStyle;
>

stiluri var = getStyle (div1); alert (styles.background);

tu și urăm mult succes!