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

Для того, чтобы добавить 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");

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

• Свойство style
• Метод setProperty()
• Метод setAttribute()