JavaScript - Méthodes HTML DOM
Les méthodes HTML DOM sont des actions que vous pouvez effectuer (sur les éléments HTML).
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 constituée des propriétés et des 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 supprimer un élément HTML).
Exemple
L'exemple suivant change le contenu (le innerHTML
) de l' <p>
élément avec id="demo"
:
Exemple
<html>
<body>
<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
Le moyen le plus courant d'accéder à un élément HTML est d'utiliser le id
de l'élément.
Dans l'exemple ci-dessus, la getElementById
méthode utilisée id="demo"
pour trouver l'élément.
La propriété innerHTML
Le moyen le plus simple d'obtenir le contenu d'un élément consiste à utiliser la innerHTML
propriété.
La innerHTML
propriété est utile pour obtenir ou remplacer le contenu des éléments HTML.
La innerHTML
propriété peut être utilisée pour obtenir ou modifier n'importe quel élément HTML, y compris <html>
et <body>
.