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?

questionAnswers(6)

yourAnswerToTheQuestion