HTML DOM Document getElementsByTagName() yöntemi

Tanım ve Kullanım

getElementsByTagName() Yöntem, belirtilen etiket adına sahip tüm öğelerin koleksiyonunu döndürür.

getElementsByTagName() Yöntem döndürür HTMLCollection.

getElementsByTagName() Özellik yalnızca okunabilir.

Açıklama:getElementsByTagName("*") Dokümdaki tüm öğeleri döndürür.

HTMLCollection

HTMLCollection HTML öğelerinin benzeri dizili bir koleksiyondur (listesi).

Koleksiyondaki öğelere indeksle erişilebilir (0'dan başlayarak).

length Özellik, koleksiyondaki öğe sayısını döndürür.

Ayrıca bakınız:

getElementById() yöntemi

getElementsByClassName() yöntemi

querySelector() yöntemi

querySelectorAll() yöntemi

HTMLCollection nesnesi

Örnek

Örnek 1

"li" etiket adına sahip tüm öğeleri alın:

const collection = document.getElementsByTagName("li");

Kişisel olarak deneyin

Örnek 2

Dokümdaki tüm öğeleri alın:

const collection = document.getElementsByTagName("*");

Kişisel olarak deneyin

Örnek 3

Dokümdaki ilk <p> öğesinin iç HTML'ini değiştirin:

document.getElementsByTagName("p")[0].innerHTML = "Hello World!";

Kişisel olarak deneyin

Örnek 4

Dokümdaki <li> öğe sayısı:

let numb = document.getElementsByTagName("li").length;

Kişisel olarak deneyin

Örnek 5

Tüm <p> öğelerinin arka plan rengini değiştirin:

const collection = document.getElementsByTagName("P");
for (let i = 0; i < collection.length; i++) {
  collection[i].style.backgroundColor = "red";
}

Kişisel olarak deneyin

Sözdizimi

document.getElementsByTagName(tagName)

Parametreler

Parametreler Açıklama
tagName Gerekli. Elemanın etiketi.

Dönüş değeri

Tür Açıklama
Nesne

HTMLCollection nesnesi.

Belirtilen etiket adına sahip elementlerin koleksiyonu.

Düğümün belgedeki出现顺序ına göre sıralanır.

Teknik ayrıntılar

Bu yöntem, NodeList nesnesi döner (sadece okunabilir bir dizi olarak işlenebilir), bu nesne, belirtilen etiket adına sahip tüm Element düğümlerini barındırır, bu düğümlerin顺序就是在源文档中出现的顺序。

NodeList nesnesi 'yaşayan'dır, yani belgede belirtilen etiket adına sahip elementler eklendiğinde veya kaldırıldığında, içerik otomatik olarak gerekli güncellemeleri yapar.

HTML belgeleri büyük/küçük harfe duyarlı değildir, bu yüzden herhangi bir büyük/küçük harf formunda belirtilebilir tagNameiçinde tüm aynı adlı etiketlerle eşleşir, bu etiketler kaynak belgede ne kadar büyük/küçük harf formunda olursa olsun. Ancak XML belgeleri büyük/küçük harfe duyarlıdır,tagName Yalnızca kaynak belgede tam olarak aynı ad ve büyük/küçük harf formunda olan etiketlerle eşleşir.

İpucu:Element arayüzü, yalnızca belge alt ağacını arayan bir yöntem tanımlar. Ayrıca, HTMLDocument arayüzü getElementByName() yönteminame özelliğinin değerine dayanarak elemanları arar. (etiket ismi yerine)

Tarayıcı desteği

document.getElementsByTagName() Bu, DOM Level 1 (1998) özelliğidir.

Tüm tarayıcılar tarafından destekleniyor:

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

İlgili sayfalar

JavaScript Kaynak Kılavuzu:element.getElementsByTagName()

JavaScript Eğitimi:JavaScript HTML DOM düğüm listesi