Método item() do NodeList do HTML DOM

Definição e uso

item() O método retorna o nó na posição específica do NodeList.

Existem duas maneiras de acessar o nó na posição específica:

list.item(índice)

ou

list[índice]

O método mais simples e mais utilizado é [índice]。

Exemplo

Exemplo 1

Obter os nós filhos do elemento <body>:

const nodeList = document.body.childNodes;

Experimente você mesmo

Exemplo 2

Obter o nome do nó do primeiro nó filho:

const list = document.body.childNodes;
let name = list.item(0).nodeName;

Experimente você mesmo

Exemplo 3

O resultado deste exemplo é o mesmo:

const list = document.body.childNodes;
let name = list[0].nodeName;

Experimente você mesmo

Exemplo 4

Obter o conteúdo HTML do primeiro elemento <p> do documento:

const list = document.getElementsByTagName("p");
let text = list.item(0).innerHTML;

Experimente você mesmo

Exemplo 5

Obter o conteúdo HTML do primeiro <p> dentro de "myDIV":

const div = document.getElementById("myDIV");
const list = div.getElementsByTagName("p");
let text = list[0].innerHTML;

Experimente você mesmo

Exemplo 6

Mudar o conteúdo HTML do primeiro <p> dentro de "myDIV":

const div = document.getElementById("myDIV");
const list = div.getElementsByTagName("p");
let text = list[0].innerHTML = "Paragraph changed";

Experimente você mesmo

Exemplo 7

Mudar a cor de todos os elementos com class="child":

const list = document.querySelectorAll(".child");
for (let i = 0; i < list.length; i++) {
  list[i].style.color = "red";
}

Experimente você mesmo

Sintaxe

nodelist.item(índice)

ou abreviado para:

nodelist[índice]

Parâmetro

Parâmetro Descrição
índice

Obrigatório. O índice da lista de nós (índice).

Os nós são ordenados pela ordem em que aparecem no documento.

O índice começa em 0.

Retorno

Tipo Descrição
Objeto Nó no índice especificado.
null Se o índice estiver fora do intervalo.

Suporte do navegador

nodelist.item() é uma característica do DOM Level 1 (1998).

Todos os navegadores modernos suportam isso:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Suporte 9-11 Suporte Suporte Suporte Suporte

Páginas relacionadas

Atributo length

Método entries()

Método forEach()

Método keys()

Método values()

Objeto NodeList

Método childNodes()

Método querySelectorAll()

Método getElementsByName()