HTML DOM item() Method

<Elemento de objeto

Exemplo

Obter o conteúdo HTML da primeira <p> elemento (index 0) dentro do documento:

var nodelist = document.getElementsByTagName("P").item(0).innerHTML;

O resultado nodelist será:

The first p element in the document.

Tente você mesmo "

Mais "Try it Yourself" exemplos abaixo.

Definição e Uso

O item() retorna um nó no índice especificado em um objeto NodeList.

Os nós são classificadas como eles aparecem no código fonte, eo índice começa em 0.

Coleção de um objeto nó de nós filho é um exemplo de um objeto NodeList.

Nota: Existem duas maneiras de acessar um nó no índice especificado em uma lista de nós:

Esta sintaxe:

document.body.childNodes.item(0); // The first child node of <body> Try it

Irá produzir o mesmo resultado que esta sintaxe:

document.body.childNodes[0]; // The first child node of <body> Try it

Você pode usar qualquer método que você gosta, no entanto, o método mais comum é [índice].

Dica: use o comprimento propriedade para retornar o número de nós em um objeto NodeList.

Suporte navegador

Método
item()	sim	sim	sim	sim	sim

Sintaxe

Os valores dos parâmetros

Parâmetro	Tipo	Descrição
index	Number	Requeridos. O índice do nó que você deseja retornar e, na lista de nós. Nota: O índice começa em 0

Detalhes técnicos

Valor de retorno:	Um objecto do nó, que representa o nó no índice especificado. Nota: Retorna null se o número de índice está fora do intervalo
DOM Versão	Núcleo Nível 1 Nodelist Objeto

mais Exemplos

Exemplo

Obter o conteúdo HTML da primeira <p> elemento (index 0) dentro de um <div> elemento:

var div = document.getElementById("myDIV");
var nodelist = div.getElementsByTagName("P")[0].innerHTML;

O resultado nodelist será:

First p element in div.

Tente você mesmo "

Exemplo

Alterar o conteúdo HTML da primeira <p> elemento (index 0) dentro de um <div> elemento:

var div = document.getElementById("myDIV");
div.getElementsByTagName("P")[0].innerHTML = "Paragraph changed";

Tente você mesmo "

Exemplo

Loop através de todos os elementos com class = "criança" em um <div> elemento, e mudar sua cor de fundo:

var div = document.getElementById("myDIV");
var nodelist = div.getElementsByClassName("child");

var i;
for (i = 0; i < nodelist.length; i++) {
nodelist[i].style.backgroundColor = "red";
}

Tente você mesmo "