Comment changer le contenu d'un DIV en JavaScript ?

Il existe plusieurs méthodes pour changer le contenu d'une balise en JavaScript. Le plus simple est d'attribuer un ID à la balise.

<div id="test">contenu initial</div>

Pour effacer le contenu initial et le remplacer par un nouveau contenu on peut utiliser innerHTML.

var nouveau = "nouveau contenu";
document.getElementById('test').innerHTML = nouveau;

Pour ajouter le nouveau contenu à la suite du contenu initial on peut aussi utiliser innerHTML.

var nouveau = "nouveau contenu";
document.getElementById('test').innerHTML += nouveau;

Vous pouvez aussi modifier la CLASS d'un élément.

<div id="test" class="test">du contenu</div>

Pour supprimer la CLASS test vous pouvez utiliser classList:

var element = document.getElementById("test");
element.classList.remove("test");

Pour ajouter une nouvelle CLASS:

var element = document.getElementById("test");
element.classList.add("test2");