Latest web development tutorials

accès HTML DOM

L'accès au DOM HTML - trouver des éléments HTML.

Éléments d'accès HTML (nœuds)

éléments d'accès HTML équivalent à Access Node

Vous pouvez être d'une manière différente pour accéder à des éléments HTML:

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

méthode getElementById ()

getElementById () retourne l'élément avec l'ID spécifié:

grammaire

node.getElementById("id");

L'exemple suivant Obtenir id = élément "intro":

Exemples

document.getElementById("intro");

Essayez »

méthode getElementsByTagName ()

getElementsByTagName () retourne tous les éléments avec le nom de balise spécifié.

grammaire

node.getElementsByTagName("tagname");

L'exemple suivant retourne une liste de documents qui contiennent tous l'élément <p>:

exemple 1

document.getElementsByTagName("p");

Essayez »

L'exemple suivant retourne une liste de documents qui contiennent tous l'élément <p>, et l'élément <p> doit être un id = descendant de l'élément «principal» (enfant, Sun, etc.):

exemple 2

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

Essayez »

Le getElementsByClassName () Méthode

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

document.getElementsByClassName("intro");

Renvoie une liste contenant = "intro" tous les éléments de l'exemple ci-dessus classe:

Note: getElementsByClassName () est pas valable dans 5,6,7,8 dans Internet Explorer.