Некоторые способы управления стилями элементов в JavaScript:
Изменение свойства style. 3 Оно представляет сложный объект CSSStyleDeclaration и напрямую сопоставляется с атрибутом style html-элемента. 3 Этот объект содержит набор свойств CSS, к которым можно обратиться следующим образом: element.style.свойствоCSS
. 3
Изменение значения атрибута class. 3 Для управления классом элемента можно использовать свойство className
(строковое значение) и classList
(объект с методами add/remove/toggle/contains). 5
Динамическая установка CSS-параметров. 1 Если нужно динамически устанавливать CSS-параметры в зависимости от событий или условий, можно создать элемент <style>
и добавить его в head страницы. 1
Создание новых таблиц стилей. 4 В большинстве браузеров эта операция выполняется так: создаётся новый элемент <style>
и вставляется в документ в раздел <head>
, затем с помощью свойства innerHTML
добавляется содержимое таблицы стилей. 4