DOM - HTML

4 min Niveau 8

L’un des avantages du DOM, en JavaScript, est qu’il permet de modifier des éléments HTML.

Changer le contenu HTML

Le moyen le plus simple de modifier le contenu HTML d’un élément est d’utiliser la propriété element.innerHTML.

Cette propriété permet d’ajouter des balises HTML dans le contenu à modifier.

Voici la syntaxe à utiliser avec cette propriété :

element.innerHTML = "Nouveau contenu"

Exemple :

<html>
<body>

<p id="p1">Hello World!</p>

<script>
    document.getElementById("p1").innerHTML = "New text!";
</script>

</body>
</html>

Dans cet exemple, le contenu du paragraphe ayant l’id p1 est modifié. Le texte “New Text” remplace “Hello World !”.

Se connecter pour voir la suite

Rejoignez notre communauté officielle et ne restez plus seul à bloquer sur un problème !