Estilização de elementos através do atributo style em JavaScript

Agora vamos aprender a adicionar estilos CSS aos elementos. Isso é feito alterando o atributo style. Por exemplo, para mudar a cor, precisamos construir a seguinte cadeia: elem.style.color, e atribuir a ela o valor de cor desejado.

Vejamos um exemplo. Suponha que temos o seguinte elemento:

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

Vamos deixar este elemento na cor vermelha:

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