Méthodes JavaScript DOM


Table des matières

    Afficher la table des matières


Les méthodes HTML DOM sont des actions que vous pouvez effectuer (sur HTML Éléments).

Les propriétés HTML DOM sont des valeurs (des éléments HTML) que vous pouvez définir ou modifier.


L'interface de programmation DOM

Le DOM HTML est accessible avec JavaScript (et avec d'autres langages de programmation).

Dans le DOM, tous les éléments HTML sont définis comme des objets.

L'interface de programmation est les propriétés et méthodes de chaque objet.

Une propriété est une valeur que vous pouvez obtenir ou définir (comme changer le contenu d'un élément HTML).

Une méthode est une action que vous pouvez effectuer (comme ajouter ou suppression d'un élément HTML).


Exemple

L'exemple suivant modifie le contenu (le innerHTML) de l'élément <p> avec id="démo" :

Exemple

<html>
<body>

<p id="demo"></p>

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

</body>
</html>

Essayez-le vous-même →

<!DOCTYPE html>
<html>
<body>

<h2>My First Page</h2>

<p id="demo"></p>

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

</body>
</html>

Dans l'exemple ci-dessus, getElementById est une méthode, tandis que innerHTML est une propriété.


La méthode getElementById

La manière la plus courante d'accéder à un élément HTML consiste à utiliser l'id du élément.

Dans l'exemple ci-dessus, la méthode getElementById a utilisé id="demo" pour trouver le élément.


La propriété innerHTML

Le moyen le plus simple d'obtenir le contenu d'un élément consiste à utiliser la propriété innerHTML.

La propriété innerHTML est utile pour obtenir ou remplacer le contenu des éléments HTML.

La propriété innerHTML peut être utilisée pour obtenir ou modifier n'importe quel élément HTML, y compris <html> et <body>.