Metoda HTML DOM NodeList item()

Definicja i zastosowanie

item() Metoda zwraca węzeł znajdujący się w NodeList w określonym indeksie.

Istnieją dwa sposoby dostępu do węzła w określonym indeksie:

list.item(index)

lub

list[index]

Najprostszy i najczęściej używany sposób to [index]。

Przykład

Przykład 1

Pobieranie podwęzłów elementu <body>:

const nodeList = document.body.childNodes;

Spróbuj sam

Przykład 2

Pobieranie nazwy węzła pierwszego podwęzła:

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

Spróbuj sam

Przykład 3

Wynik tego przykładu jest taki sam:

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

Spróbuj sam

Przykład 4

Pobieranie zawartości HTML pierwszego elementu <p> w dokumencie:

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

Spróbuj sam

Przykład 5

Pobierz zawartość HTML pierwszego <p> w "myDIV":

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

Spróbuj sam

Przykład 6

Zmień zawartość HTML pierwszego <p> w "myDIV":

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

Spróbuj sam

Przykład 7

Zmień kolor wszystkich elementów o klasie "child":

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

Spróbuj sam

Gramatyka

nodelist.item(index)

lub skrócone do:

nodelist[index]

Parametr

Parametr Opis
index

Wymagane. Indeks węzła w liście (indeks).

Węzły są sortowane według kolejności ich występowania w dokumencie.

Indeks zaczyna się od 0.

Zwracana wartość

Typ Opis
Obiekt Wskazuje na węzeł w określonym indeksie.
null Jeśli indeks wykracza poza zakres.

Wspierane przeglądarki

nodelist.item() jest cechą DOM Level 1 (1998).

Wszystkie współczesne przeglądarki wspierają to:

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

Strony związane

Atrybut length

Metoda entries()

Metoda forEach()

Metoda keys()

Metoda values()

Obiekt NodeList

Metoda childNodes()

Metoda querySelectorAll()

Metoda getElementsByName()