Стилизация элементов через атрибут style в JavaScript

Давайте теперь научимся добавлять CSS стили элементам. Это делается путем изменения атрибута style. К примеру, чтобы поменять цвет, нужно построить следующую цепочку: elem.style.color, и присвоить ей нужное значение цвета.

Посмотрим на примере. Пусть у нас есть вот такой элемент:

html<p id="elem">text</p>

Сделаем этот элемент красного цвета:

javascriptlet elem = document.querySelector('#elem');
elem.style.color = 'red';