Element.style

Element.style - стиль елемента.

Element.style

Element - об'єкт Element.

style - властивість об'єкту Element яка повертає об'єкт CSSStyleDeclaration який дозволяє отримувати/змінювати властивості CSS стилю елемента.

Element.style дозволяє отримати CSS стилі елемента які задані у атрибуті style, тегах

<style>

, підключених css файлах.

Щоб отримати повні CSS стилі елемента, тобто які задані у браузері по замовчуванню використовуйте window.getComputedStyle().

Тест

Отримуємо значення CSS стилю:

var el= document.getElementById("test");

alert("колір тексту: "+el.style.color);

Задаємо значення CSS стилю:

var el= document.getElementById("test").style.color="#00ff11";

var el= document.getElementById("test");

el.style.color="blue";
el.style.backgroundColor="#00fa1a";

var el= document.getElementById("test");

alert("Кількість заданих стилів: "+el.style.length);

var el= document.getElementById("test");

alert(el.style.cssText);