Latest web development tutorials

accesso HTML DOM

L'accesso a HTML DOM - trovare elementi HTML.


elementi HTML di accesso (nodi)

elementi HTML accesso equivalente al nodo di accesso

Si può essere in un modo diverso per accedere agli elementi HTML:

  • Utilizzando il metodo getElementById ()
  • Utilizzando il metodo getElementsByTagName ()
  • Utilizzando il metodo getElementsByClassName ()

Metodo getElementById ()

getElementById () restituisce l'elemento con l'ID specificato:

grammatica

node.getElementById("id");

Il seguente esempio Get id = elemento "intro":

Esempi

document.getElementById("intro");

Prova »


il metodo getElementsByTagName ()

getElementsByTagName () restituisce tutti gli elementi con il nome tag specificato.

grammatica

node.getElementsByTagName("tagname");

L'esempio seguente restituisce un elenco di documenti che contengono tutti gli elementi <p>:

esempio 1

document.getElementsByTagName("p");

Prova »

L'esempio seguente restituisce un elenco di documenti che contengono tutti gli elementi <p>, e l'elemento <p> dovrebbe essere un id = discendente elemento "principale" (bambino, Sole, etc.):

esempio 2

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

Prova »


Il getElementsByClassName () Metodo

Se si desidera trovare tutti gli elementi HTML con lo stesso nome della classe, utilizzare questo metodo:

document.getElementsByClassName("intro");

Restituisce una lista contenente la classe di esempio precedente = "intro" tutti gli elementi:

Nota: getElementsByClassName () non è valido per 5,6,7,8 in Internet Explorer.