Comment modifier dynamiquement la classe CSS de la balise DIV?

Je suis à l'aide de JavaScript. J'ai une variable var boolVal que soit évalue à vrai/faux.
Sur ma page, j'ai une balise div.

<div id='div1' class="redClass"></div>

Basé sur la valeur de var boolVal, je veux changer la classe CSS de la balise DIV pour blueClass.

Par exemple: classe Actuelle rend DIV couleur rouge, alors que la nouvelle classe devrait faire la page de bleu à l'exécution sans avoir besoin de rafraîchir la page.

Pouvons-nous réaliser cela en javascript simple?

Peut-on utiliser

document.getElementById("MyElement").className = "MyClass";

ou devrions-nous utiliser AddClass?

OriginalL'auteur variable | 2014-03-22