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.
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).
L'exemple suivant modifie le contenu (le innerHTML
) de l'élément <p>
avec id="démo"
:
<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 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.
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>
.