HTML DOM Propriétés

Les propriétés sont les valeurs des nœuds (éléments HTML) que vous pouvez obtenir ou définir.

Interface de programmation

On peut accéder au HTML DOM via JavaScript (et d'autres langages de programmation).

Tous les éléments HTML sont définis comme des objets, et l'interface de programmation correspond aux méthodes et propriétés des objets.

Les méthodes sont les actions que vous pouvez effectuer (comme ajouter ou modifier des éléments).

Les propriétés sont des valeurs que vous pouvez obtenir ou définir (comme le nom ou le contenu d'un nœud).

Propriété innerHTML

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

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

Exemple

Le code suivant obtient l'innerHTML de l'élément <p> avec id="intro" :

Exemple

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <p id="intro">Bonjour le monde !</p> <script> var txt=document.getElementById("intro").innerHTML; document.write(txt); </script> </body> </html>

Essayez-le vous-même »

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

lamp

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

La propriété nodeName spécifie le nom d'un nœud.

  • nodeName est en lecture seule
  • Le nodeName d'un nœud d'élément est identique au nom de balise
  • Le nodeName d'un nœud d'attribut est identique au nom de l'attribut
  • Le nodeName d'un nœud de texte est toujours #text
  • Le nodeName d'un nœud de document est toujours #document

Remarque :nodeName contient toujours le nom de balise en majuscules d'un élément HTML.

Propriété nodeValue

La propriété nodeValue spécifie la valeur d'un nœud.

  • Le nodeValue d'un nœud d'élément est undefined ou null
  • Le nodeValue d'un nœud de texte est le texte lui-même
  • La nodeValue d'un nœud d'attribut est la valeur de l'attribut

Obtenir la valeur d'un élément

L'exemple suivant récupère la valeur du nœud texte de la balise <p id="intro"> :

Exemple

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <p id="intro">Bonjour le monde !</p> <script> x=document.getElementById("intro"); document.write(x.firstChild.nodeValue); </script> </body> </html>

Essayez-le vous-même »

Propriété nodeType

La propriété nodeType renvoie le type d'un nœud. nodeType est en lecture seule.

Les types de nœuds les plus importants sont :

Type d'élément NodeType
Élément 1
Attribut 2
Texte 3
Commentaire 8
Document 9
Autres extensions