Método HTMLCollection item()
Exemplo
Obtenha o conteúdo HTML do primeiro elemento <p> deste documento:
function myFunction() {
var x = document.getElementsByTagName("P").item(0);
alert(x.innerHTML);
}
Definição e uso
O item()
método retorna o elemento no índice especificado em um HTMLCollection.
Os Elementos são classificados conforme aparecem no código-fonte e o índice começa em 0.
Um método abreviado também pode ser usado e produzirá o mesmo resultado:
var x = document.getElementsByTagName("P")[0];
Suporte ao navegador
Method | |||||
---|---|---|---|---|---|
item() | Yes | Yes | Yes | Yes | Yes |
Sintaxe
HTMLCollection.item(index)
OU:
HTMLCollection[index]
Valores de parâmetro
Parameter | Type | Description |
---|---|---|
index | Number | Required. The index of the element you want to return. Note: The index starts at 0 |
Valor de retorno
Um objeto Element , representando o elemento no índice especificado.
Retorna null se o número do índice estiver fora do intervalo
Mais exemplos
Exemplo
Altere o conteúdo HTML do primeiro elemento <p>:
document.getElementsByTagName("P").item(0).innerHTML = "Paragraph changed";
Exemplo
Percorra todos os elementos com class="myclass" e altere a cor de fundo:
var x = document.getElementsByClassName("myclass");
for (i = 0; i <
x.length; i++) {
x.item(i).style.backgroundColor = "red";
}
Exemplo
Obtenha o conteúdo HTML do primeiro elemento <p> dentro de um elemento <div>:
var div = document.getElementById("myDIV");
var x = div.getElementsByTagName("P").item(0).innerHTML;
Páginas relacionadas
HTMLCollection: comprimento da propriedade
Elemento HTML: método getElementsByClassName()
Elemento HTML: método getElementsByTagName()