Le meilleur didacticiel accès HTML DOM en 2024, dans ce didacticiel, vous pouvez apprendre Éléments d'accès HTML (nœuds),méthode getElementById (),Exemples,méthode getElementsByTagName (),exemple 1,exemple 2,Le getElementsByClassName () Méthode,

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.

accès HTML DOM
10/30