HTML DOM Accès

Accès au DOM HTML - Recherche des éléments HTML.

Accès aux éléments HTML (nœuds)

Accéder aux éléments HTML équivaut à accéder aux nœuds

Vous pouvez accéder aux éléments HTML de différentes manières :

  • En utilisant la méthode getElementById()
  • En utilisant la méthode getElementsByTagName()
  • En utilisant la méthode getElementsByClassName()

Méthode getElementById()

La méthode getElementById() renvoie une référence à l'élément avec l'ID spécifié :

Syntaxe

node.getElementById("id");

L'exemple suivant récupère l'élément avec id="intro" :

Exemple

document.getElementById("intro");

Essayez-le vous-même »

Méthode getElementsByTagName()

getElementsByTagName() renvoie tous les éléments portant le nom de balise spécifié.

Syntaxe

node.getElementsByTagName("tagname");

L'exemple suivant renvoie une liste de tous les éléments <p> du document :

Exemple 1

document.getElementsByTagName("p");

Essayez-le vous-même »

L'exemple suivant renvoie une liste de tous les éléments <p> du document, et ces éléments <p> doivent être des descendants (enfants, petits-enfants, etc.) de l'élément avec id="main" :

Exemple 2

document.getElementById("main").getElementsByTagName("p");

Essayez-le vous-même »

La méthode getElementsByClassName()

Si vous souhaitez trouver tous les éléments HTML avec le même nom de classe, utilisez cette méthode :

document.getElementsByClassName("intro");

L'exemple ci-dessus renvoie une liste de tous les éléments avec class="intro" :

Remarque :getElementsByClassName() ne fonctionne pas dans Internet Explorer 5, 6, 7, 8.

Autres extensions