Como alterar dinamicamente a classe CSS da tag DIV?
Estou usando JavaScript. Eu tenho uma variávelvar boolVal
que avalia comoverdadeiro/falso. Na minha página, tenho uma tag div.
<div id='div1' class="redClass"></div>
Com base no valor devar boolVal
, Desejo alterar a classe CSS da tag DIV parablueClass
.
Por exemplo: A classe Present torna a cor DIV vermelha, e a nova classe deve tornar a página azul em tempo de execução, sem a necessidade de atualização da página.
Podemos conseguir isso em javascript simples?
Podemos usar
document.getElementById("MyElement").className = "MyClass";
ou devemos usarAddClass
?