Derniers tutoriels de développement web
 

JavaScript - HTML Méthodes DOM


Méthodes HTML DOM sont les actions que vous pouvez effectuer (sur les éléments HTML).

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 code HTML DOM est accessible avec JavaScript (et avec d'autres langages de programmation).

Dans les 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.

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

Uneméthode est une action que vous pouvez faire (comme ajouter ou supprimer un élément HTML).


Exemple

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

Exemple

<html>
<body>

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

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

</body>
</html>
Essayez - le vous - même »

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


La getElementById Méthode

La façon la plus commune pour accéder à un élément HTML est d'utiliser l'identifiant de l'élément.

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


Le innerHTML propriété

La meilleure façon d'obtenir le contenu d'un élément est en utilisant le 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 tout élément HTML, y compris <html> et <body> .