HTML DOM NodeList item() Metodu

Tanım ve Kullanım

item() Method, NodeList içinde belirli bir indeksteki nodu döndürür.

Belirli bir indeksteki nodu erişmek için iki yöntem vardır:

list.item(index)

veya

list[index]

En basit ve en yaygın yöntem [index]。

Örnek

Örnek 1

<body> elementinin alt nodlarını alır:

const nodeList = document.body.childNodes;

Kişisel Deneyim

Örnek 2

İlk alt节点的 node adını alır:

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

Kişisel Deneyim

Örnek 3

Bu örneğin sonucu aynıdır:

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

Kişisel Deneyim

Örnek 4

文档中的第一个 <p> 元素的 HTML içeriğini alır:

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

Kişisel Deneyim

Örnek 5

"myDIV" içindeki ilk <p> elemanının HTML içeriğini al:

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

Kişisel Deneyim

Örnek 6

"myDIV" içindeki ilk <p> elemanının HTML içeriğini değiştir:

const div = document.getElementById("myDIV");
const list = div.getElementsByTagName("p");
let text = list[0].innerHTML = "Paragraf değiştirildi";

Kişisel Deneyim

Örnek 7

class="child" olan tüm elemanların rengini değiştir:

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

Kişisel Deneyim

Sözdizimi

nodelist.item(index)

veya kısaltılmış olarak:

nodelist[index]

Parametre

Parametre Açıklama
index

Gerekli. Listedeki düğümün indeksi (alt çizgi).

Düğüm, belgede ortaya çıktıkları sırayla sıralanır.

İndeks 0'dan başlar.

Dönüş Değeri

Tür Açıklama
Nesne Belirtilen indeks konumundaki düğüm.
null Eğer indeks aralığı dışında ise.

Tarayıcı Desteği

nodelist.item() DOM Level 1 (1998) özelliğidir.

Tüm modern tarayıcılar onu destekler:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Desteği 9-11 Desteği Desteği Desteği Desteği

İlgili Sayfalar

length Özelliği

entries() Metodu

forEach() Metodu

keys() Metodu

values() Metodu

NodeList Nesnesi

childNodes() Metodu

querySelectorAll() Metodu

getElementsByName() Metodu