Как да работим с стилове в JavaScript

Сега ние ще се опитаме да донесе стойността на фона на тези блокове.

Var div1 = document.getElementById (# "div1 # ');






Var div2 = document.getElementById (# "div2 # ');
сигнал (div1.style.background);
сигнал (div2.style.background);

Сега стойността ще бъде показана чрез сигнала.

В същия стил, които си поставихме в стил етикет или в стил външен лист, наречен "изчислените стилове" или "компютърна стил". Името те имам причина. Фактът, че браузърът първо чете HTML маркирането, а след това изчислява стиловете, които задаваме на външни стилове и ги отнася до формата.

Въпреки това, за да получите достъп до тях, все още можем да. Спецификациите на DOM 2 Ниво за това има функция специална getComputedStyle (). Нека да видим как работи.

VAR стилове = getComputedStyle (div1);
сигнал (styles.background);

Трябва да се премине в стихията си, чиито стилове искате да получите, и тя ще ви върне към обекта. Сега трябва само да изберете желания от вас имот, и можете веднага да получите своята стойност.

Въпреки това, тази функция не работи със стари браузъри (IE8-), така че ако искате вашият код за съвместимост различни браузъри, използвайте кода по-долу.

функционират getStyle (елемент) върне window.getComputedStyle. getComputedStyle (елемент). element.currentStyle;
>

VAR стилове = getStyle (div1); сигнал (styles.background);

Благодаря ви и на добър час!