Metoda item() kolekcji HTML

Definicja i użycie

item() Metoda zwraca element w określonym indeksie z HTMLCollection.

Elementy są sortowane według ich pozycji w kodzie źródłowym, indeks zaczyna się od 0.

Można również użyć skróconej metody, która będzie miała ten sam efekt:

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

Przykład

Przykład 1

Pobierz zawartość HTML pierwszego elementu <p> w dokumencie:

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

Spróbuj sam

Gramatyka

HTMLCollection.item(index)

lub:

HTMLCollection[index]

Wartość parametru

Parametr Typ Opis
index Number

Wymagane. Indeks elementu do zwrotu.

Komentarz:Indeks zaczyna się od 0.

Zwrócona wartość

Obiekt Elementoznacza element w określonym indeksie.

Jeśli numer indeksu jest poza zakresem, zwraca null.

Wspierane przeglądarki

Metoda Chrome IE Firefox Safari Opera
item() Wspierane Wspierane Wspierane Wspierane Wspierane

Więcej przykładów

Przykład 2

Zmień zawartość HTML pierwszego elementu <p>:

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

Spróbuj sam

Przykład 3

Przejdź przez wszystkie elementy z klasą "myclass" i zmień ich kolor tła:

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

Spróbuj sam

Przykład 4

Pobierz zawartość HTML pierwszego elementu <p> w elemencie <div>:

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

Spróbuj sam

Strony związane

HTMLCollection：Atrybut length

Elementy HTML:Metoda getElementsByClassName()

Elementy HTML:Metoda getElementsByTagName()