JavaScript - Méthodes HTML DOM

Les méthodes DOM HTML sont celles que vous pouvez exécuter sur les éléments HTMLAction.

Les attributs DOM HTML sont ceux que vous pouvez configurer ou modifier pour les éléments HTMLValeur.

Interface de programmation DOM

Le DOM HTML peut être accédé via JavaScript (et aussi via d'autres langages de programmation).

Dans le DOM, tous les éléments HTML sont définis commeobjet.

L'interface de programmation est les attributs et méthodes de chaque objet.

attributSont les valeurs que vous pouvez obtenir ou définir (par exemple, modifier le contenu d'un élément HTML).

méthodeSont les actions que vous pouvez accomplir (par exemple, ajouter ou supprimer des éléments HTML).

Exemple

Dans l'exemple suivant, le contenu de l'élément <p> avec id="demo" est modifié :

<html>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "Hello World!";
</script>
</body>
</html>

Essayez-le vous-même

Dans l'exemple suivant,getElementById estméthodeet innerHTML estattribut.

méthode getElementById

La méthode la plus courante pour accéder à un élément HTML est d'utiliser l'id de l'élément.

Dans l'exemple suivant,getElementById La méthode utilise id="demo" pour trouver l'élément.

attribut innerHTML

La méthode la plus simple pour obtenir le contenu d'un élément est d'utiliser innerHTML attribut.

innerHTML L'attribut peut être utilisé pour obtenir ou remplacer le contenu d'un élément HTML.

innerHTML Les attributs peuvent être utilisés pour obtenir ou modifier n'importe quel élément HTML, y compris <html> et <body>.