Método item() da HTMLCollection

Definição e uso

item() O método retorna o elemento na posição especificada na HTMLCollection.

Os elementos são ordenados conforme sua posição na fonte do código, começando pelo índice 0.

Também pode usar o método abreviado e obter o mesmo resultado:

var x = document.getElementsByTagName("P")[0];

Exemplo

Exemplo 1

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

function myFunction() {
  var x = document.getElementsByTagName("P").item(0);
  alert(x.innerHTML);
}

Experimente você mesmo

Sintaxe

HTMLCollection.item(index)

ou:

HTMLCollection[index]

Valor do parâmetro

Parâmetro Tipo Descrição
index Número

Obrigatório. O índice do elemento a ser retornado.

Notas:O índice começa em 0.

Retorno

Objeto Elementindica o elemento na posição especificada.

Se o número do índice estiver fora do intervalo, retorna null.

Suporte do navegador

Método Chrome IE Firefox Safari Opera
item() Suporte Suporte Suporte Suporte Suporte

Mais exemplos

Exemplo 2

Alterar o conteúdo HTML do primeiro <p> elemento:

document.getElementsByTagName("P").item(0).innerHTML = "Paragraph changed";

Experimente você mesmo

Exemplo 3

Percorrer todos os elementos com class="myclass" e alterar suas cores de fundo:

var x = document.getElementsByClassName("myclass");
for (i = 0; i < x.length; i++) {
  x.item(i).style.backgroundColor = "red";
}

Experimente você mesmo

Exemplo 4

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

var div = document.getElementById("myDIV");
var x = div.getElementsByTagName("P").item(0).innerHTML;

Experimente você mesmo

Páginas relacionadas

HTMLCollection：Atributo length

Elementos HTML:Método getElementsByClassName()

Elementos HTML:Método getElementsByTagName()