Как добавить css свойство в js

Ответы
Аватар пользователя Виктория Аблаева
Виктория Аблаева
17 октября 2022

Для того, чтобы добавить CSS свойство в JS нам на помощь могут прийти следующие возможности:

Обратиться через свойство style:

const divContainer = document.getElementById("container"); 
// находим элемент в DOM - дереве
divContainer.style.backgroundColor = "blue"; 
// устанавливаем цвет фона элемента на цвет blue

а еще можно делать так:

divContainer.style["background-color"] = "yellow"; 
// устанавливаем цвет фона на yellow

Кстати, свойство можно не только задать, но и удалить. Для этого достаточно присвоить пустую строку:

divContainer.style.backgroundColor = '';

Обратиться к элементу через метод setProperty():

divContainer.style.setProperty("background-color", "green");

Установить атрибут и свойство целиком с помощью метода setAttribute():

const divContainer = document.getElementById("container");
divContainer.setAttribute("style", "background-color: lightgray");

Документация:

0 0
Добавьте ваш ответ

Рекомендуемые курсы

CSS3
CSS Flex
CSS адаптивность
Верстка
10 часов
Посмотреть
HTML
Pug
Миксины
Шаблонизатор
9 часов
Посмотреть
CSS3
Сетки
вёрстка
CSS Grid
6 часов
Посмотреть