HTMLCollection item() metodu

Tanım ve kullanım

item() Yöntem, HTMLCollection içinde belirtilen indeks konumundaki elementi döner.

Elementler kaynak kodunda出现的位置按序排列，索引从 0 başlar.

Kısa yol kullanabilir ve aynı sonucu elde edebilirsiniz:

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

Örnek

Örnek 1

Bu belgedeki ilk <p> elementinin HTML içeriğini almak için:

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

Kişisel olarak deneyin

Sözdizimi

HTMLCollection.item(index)

veya:

HTMLCollection[index]

Parametre değeri

Parametre Tür Açıklama
index Number

Gerekli. Dönüşümü yapılacak elementin indeksi.

Açıklama:İndeks 0'dan başlar.

Dönüş değeri

Element nesnesibelirtilen indeks konumundaki elementi gösterir.

İndeks numarası aralığa dışında ise null döner.

Tarayıcı desteği

Yöntem Chrome IE Firefox Safari Opera
item() Destek Destek Destek Destek Destek

Daha fazla örnek

Örnek 2

İlk <p> elementinin HTML içeriğini değiştirin:

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

Kişisel olarak deneyin

Örnek 3

Tüm class="myclass" elementlerini dolaşın ve arka plan renklerini değiştirin:

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

Kişisel olarak deneyin

Örnek 4

İlk <p> elementinin HTML içeriğini <div> elementi içinde almak için:

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

Kişisel olarak deneyin

İlgili sayfa

HTMLCollection：length özelliği

HTML elementi:getElementsByClassName() yöntemi

HTML elementi:getElementsByTagName() metodu