HTML DOM item() Method

<Element Przedmiot

Przykład

Pobierz zawartość HTML pierwszego <p> elementu (index 0) wewnątrz dokumentu:

var nodelist = document.getElementsByTagName("P").item(0).innerHTML;

Wynikiem liście węzłów będą:

The first p element in the document.

Spróbuj sam "

Więcej "Try it Yourself" przykłady poniżej.

Definicja i Wykorzystanie

item() sposób wraca do węzła w określonym indeksem obiektu liście węzłów.

Węzły są klasyfikowane jako wydają w kodzie źródłowym, a indeks zaczyna się od 0.

kolekcja obiektu węzła węzłów podrzędnych jest przykładem obiektu NodeList.

Uwaga: Istnieją dwa sposoby uzyskania dostępu do węzła pod określonym indeksem w liście węzłów:

Ta składnia:

document.body.childNodes.item(0); // The first child node of <body> Try it

Przyniesie taki sam rezultat jak tej składni:

document.body.childNodes[0]; // The first child node of <body> Try it

Można użyć dowolnej metody lubisz, jednak najczęściej stosowaną metodą jest [indeks].

Wskazówka: Użyj długości właściwość zwraca liczbę węzłów w NodeList obiektu.

Wsparcie przeglądarka

metoda
item()	tak	tak	tak	tak	tak

Składnia

wartości parametrów

Parametr	Rodzaj	Opis
index	Number	Wymagany. Indeks węzła chcesz powrócić na liście węzłów. Uwaga: Indeks zaczyna się od 0

Szczegóły techniczne

Zwracana wartość:	Obiekt węzeł reprezentujący węzeł w określonym indeksie. Uwaga: Zwraca null, jeśli numer indeksu jest poza zasięgiem
DOM Version	Poziom podstawowy 1 liście węzłów Przedmiot

Więcej przykładów

Przykład

Pobierz zawartość HTML pierwszego <p> elementu (index 0) wewnątrz <div> element:

var div = document.getElementById("myDIV");
var nodelist = div.getElementsByTagName("P")[0].innerHTML;

Wynikiem liście węzłów będą:

First p element in div.

Spróbuj sam "

Przykład

Zmiany treści HTML pierwszego <p> elementu (index 0) wewnątrz <div> element:

var div = document.getElementById("myDIV");
div.getElementsByTagName("P")[0].innerHTML = "Paragraph changed";

Spróbuj sam "

Przykład

Pętla przez wszystkie elementy z class = „dziecko” w <div> elementu, i zmienić ich kolor tła:

var div = document.getElementById("myDIV");
var nodelist = div.getElementsByClassName("child");

var i;
for (i = 0; i < nodelist.length; i++) {
nodelist[i].style.backgroundColor = "red";
}

Spróbuj sam "