Свойство style
Примеры element.style
Изменить цвет "myH1":
document.getElementById("myH1").style.color = "red";
Попробуйте сами »
Получить значение верхней границы "myP":
let value = document.getElementById("myP").style.borderTop;
Попробуйте сами »
Описание style
Свойство style возвращает значения атрибута style элемента.
Свойство style возвращает объект CSSStyleDeclaration.
Объект CSSStyleDeclaration содержит все встроенные свойства стилей для элемента. Он не содержит никаких свойств стилей, заданных в разделе <head> или в каких-либо внешних таблицах стилей.
Примечание 1 style
Вы не можете задать такой стиль:
element.style = "color:red";
Вам необходимо использовать такое свойство CSS:
element.style.backgroundColor = "red";
Попробуйте сами »
Примечание 2 style
Синтаксис JavaScript немного отличается от синтаксиса CSS:
backgroundColor / background-color.
См. наш Полный справочник объектов стилей.
Примечание 3 style
Используйте это свойство стиля вместо метода setAttribute(), чтобы предотвратить перезапись других свойств в атрибуте стиля.
Связные страницы style
Синтаксис style
Возврат свойства style:
element.style.property
Установите свойство style:
element.style.property = value
Возвращаемое значение style
| Тип | Описание |
|---|---|
| value |
Значение указанного свойства. Например: element.style.borderBottom = "2px solid red" |
Возвращаемое значение style
| Тип | Описание |
|---|---|
| Object | Объект CSSStyleDeclaration элемента. |
Поддержка style
element.style является функцией DOM Уровень 2 (2001).
Он полностью поддерживается во всех браузерах:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Да | Да | Да | Да | Да | 9-11 |