Latest web development tutorials

Acceso HTML DOM

El acceso a HTML DOM - encontrar elementos HTML.


elementos HTML de acceso (nodos)

elementos HTML de acceso equivalentes a nodo de acceso

Puede ser de una manera diferente para acceder a los elementos HTML:

  • Al utilizar el método getElementById ()
  • Al utilizar el método getElementsByTagName ()
  • Al utilizar el método getElementsByClassName ()

getElemenById método ()

getElemenById () devuelve el elemento con el ID especificado:

gramática

node.getElementById("id");

El siguiente ejemplo Consigue elemento id = "intro":

Ejemplos

document.getElementById("intro");

Trate »


getElementsByTagName método ()

getElementsByTagName () devuelve todos los elementos con el nombre de la etiqueta especificada.

gramática

node.getElementsByTagName("tagname");

El ejemplo siguiente devuelve una lista de documentos que contienen todo el elemento <p>:

Ejemplo 1

document.getElementsByTagName("p");

Trate »

El ejemplo siguiente devuelve una lista de documentos que contienen todo el elemento <p> y el elemento <p> debe ser un descendiente de id = elemento "principal" (el niño, Sun, etc.):

Ejemplo 2

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

Trate »


El () Método getElementsByClassName

Si usted quiere encontrar todos los elementos HTML con el mismo nombre de la clase, utilice este método:

document.getElementsByClassName("intro");

Devuelve una lista que contiene la clase ejemplo anterior = "intro" todos los elementos:

Nota: getElementsByClassName () no es válida en 5,6,7,8 en Internet Explorer.