Comment vider le contenu d'une balise HTML ?

Réponses rédigées par Antoine
Dernière mise à jour : 2019-04-17 17:05:59
Question

J'ai une balise DIV du type :

<div>du contenu</div>

Comment vider le contenu de la balise HTML DIV ?

Réponse

Pour vider le contenu d'une balise HTML, vous pouvez utiliser jQuery; vous devez ajouter une CLASS à votre balise :

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

Ensuite vous pouvez utiliser la méthode empty() comme ceci, pour vider et supprimer le contenu de la balise HTML :

<script>
$( ".test" ).empty();
</script>

Remarque : n'oubliez pas d'ajouter la librairie jQuery à votre page HTML.

Réponse

Vous pouvez aussi utiliser JavaScript pour vider le contenu d'une balise. Il vous faut ajouter un ID à votre balise DIV, comme ceci :

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

Puis ensuite utiliser l'élément innerHTML pour vider la contenu de la balise.

var balise = document.getElementById('test').innerHTML;
if (balise != "") {
document.getElementById('test').innerHTML = "";
}

Remarque : n'oubliez pas qu'un ID doit toujours être unique. Une page HTML ne doit jamais contenir deux ou plusieurs ID identiques.