Latest web development tutorials

Acesso HTML DOM

O acesso ao HTML DOM - encontrar elementos HTML.

elementos de acesso HTML (nós)

elementos de acesso HTML equivalente ao acesso Node

Você pode estar em uma forma diferente para acessar elementos HTML:

  • Ao utilizar o método getElementById ()
  • Ao utilizar o método getElementsByTagName ()
  • Usando o método getElementsByClassName ()

getElementById () Método

getElementById () retorna o elemento com o ID especificado:

gramática

node.getElementById("id");

O exemplo a seguir Obter id = elemento "intro":

Exemplos

document.getElementById("intro");

tente »

getElementsByTagName () Método

getElementsByTagName () retorna todos os elementos com o nome da marca especificada.

gramática

node.getElementsByTagName("tagname");

O exemplo a seguir retorna uma lista de documentos que contêm todo o elemento <p>:

exemplo 1

document.getElementsByTagName("p");

tente »

O exemplo a seguir retorna uma lista de documentos que contêm todo o elemento <p>, e o elemento <p> deve ser um id = descendente elemento "main" (criança, Sun, etc.):

exemplo 2

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

tente »

O getElementsByClassName () Método

Se você quiser encontrar todos os elementos HTML com o mesmo nome da classe, use este método:

document.getElementsByClassName("intro");

Devolve uma lista que contém a classe exemplo acima = "intro" todos os elementos:

Nota: getElementsByClassName () não é válida em 5,6,7,8 no Internet Explorer.