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);