HTML DOM item() Method

<Eleman Nesne

Örnek

İlk HTML içeriğini alın <p> elemanı (index 0) dokümanının içinden:

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

Nodelist sonucu olacaktır:

The first p element in the document.

Kendin dene "

Daha "Try it Yourself" Aşağıdaki örnekler.

Tanımı ve Kullanımı

item() metodu NodeList nesnesinde belirtilen dizine bir düğüm döndürür.

onlar kaynak kodunda göründükleri gibi düğümler sıralanır ve endeks 0'dan başlar.

alt düğümler bir Düğümü nesnenin koleksiyonu NodeList nesnesinin bir örnektir.

Not: Bir düğüm listesinde belirtilen dizine bir düğüm erişmek için iki yol vardır:

Bu sözdizimi:

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

Bu sözdizimi aynı sonucu üretecektir:

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

İstediğiniz herhangi bir yöntemi kullanabilirsiniz, ancak en yaygın yöntem [index] 'dır.

İpucu: kullan uzunluğu bir NodeList nesnesindeki düğümlerin sayısını döndürmek için özellik.

Tarayıcı Desteği

Yöntem
item()	Evet	Evet	Evet	Evet	Evet

Sözdizimi

Parametre Değerleri

Parametre	tip	Açıklama
index	Number	Gereklidir. Düğüm listesinde, dönmek istiyorum düğümün dizini. Not: Dizin 0 ile başlayan

Teknik detaylar

Geri dönüş değeri:	Belirtilen dizindeki düğümü temsil eden bir düğüm nesnesi. Not: dizin numarası aralık dışında ise boş sonucunu döndürür
DOM Sürüm	Çekirdek Seviye 1 nodelist Nesne

Diğer Örnekler

Örnek

İlk HTML içeriğini alın <p> elemanı (index 0) bir iç <div> elemanı:

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

Nodelist sonucu olacaktır:

First p element in div.

Kendin dene "

Örnek

İlk HTML içeriğini değiştirme <p> elemanı (index 0) bir iç <div> elemanı:

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

Kendin dene "

Örnek

Bir de class = "çocuk" ile tüm öğeleri boyunca döngü <div> elemanı ve onların arka plan rengini değiştirmek:

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

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

Kendin dene "