HTML DOM Element getElementsByTagName() Metodu

Tanım ve Kullanım

getElementsByTagName() Metod, belirtilen etiket adına sahip element alt element koleksiyonunu NodeList nesnesi olarak döndürür.

İpucu:Parametre değeri "*" Tüm alt elementleri döndüren element.

Ayrıca bakınız:

getElementsByClassName() metodu

querySelector() metodu

querySelectorAll() metodu

NodeList

NodeList Dizine benzer düğüm koleksiyonu (listesi).

Listedeki düğümlere dizin (alt dizin) ile ulaşabilirsiniz. Dizin 0'dan başlar.

length özelliğiListedeki düğüm sayısını döndürün.

Örnek

Örnek 1

Listedeki ilk <li> elementinin HTML içeriğini değiştirin:

const list = document.getElementsByTagName("UL")[0];
list.getElementsByTagName("li")[0].innerHTML = "Milk";

Kişisel olarak deneyin

Örnek 2

"myDIV" içindeki <p> elementlerinin sayısı:

const element = document.getElementById("myDIV");
const nodes = element.getElementsByTagName("p");
let numb = nodes.length;

Kişisel olarak deneyin

Örnek 3

"myDIV" içersindeki ikinci <p> elementinin font boyutunu değiştirin:

const element = document.getElementById("myDIV");
element.getElementsByTagName("p")[1].style.fontSize = "24px";

Kişisel olarak deneyin

Örnek 4

"myDIV" içersindeki tüm <p> elementlerinin arka plan rengini değiştirin:

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

Kişisel olarak deneyin

Örnek 5

"myDIV" içersindeki dördüncü elementin (dizin 3) arka plan rengini değiştirin:

const div = document.getElementById("myDIV");
div.getElementsByTagName("*")[3].style.backgroundColor = "red";

Kişisel olarak deneyin

Örnek 6

"*" parametresi kullanarak "myDIV" içindeki tüm elementlerin arka plan rengini değiştirin:

const div = document.getElementById("myDIV");
const nodes = div.getElementsByTagName("*");
for (let i = 0; i < nodes.length; i++) {
  nodes[i].style.backgroundColor = "red";
}

Kişisel olarak deneyin

Sözdizimi

element.getElementsByTagName(tagname)

Parametre

Parametre Tanım
tagname Gerekli. Çocuk elementin etiket adı.

Dönüş değeri

Tür Tanım
NodeList

Belirli bir etiket adına sahip elementlerin çocukları.

Elementler kaynak kodunda ortaya çıktıkları sırayla sıralanır.

Teknik ayrıntılar

getElementsByTagName() Bu yöntem belirtilen elementin çocuk nodlarını tarar ve Element nodlarını içeren bir dizi döndürür (aslında NodeList nesnesidir), belirli bir etiket adına sahip tüm belge elementlerini temsil eder. Dönen dizideki elementlerin sırası, belge kaynak kodunda ortaya çıktıkları sırayla aynıdır.

Dikkat

Document arayüzüAyrıca tanımlar getElementsByTagName() yöntemiBu, yönteme benzer, ancak tüm belgeyi tarar, belirli bir elementin çocuk nodlarını değil.

Bu yöntemi karıştırmayın HTMLDocument.getElementsByName() yöntemi Karıştırmayın, bu后者 elementin name özellik değerine dayalı olarak element arar, etiket adına dayalı olarak değil.

Tarayıcı desteği

Tüm tarayıcılar destekler element.getElementsByTagName()：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Destek Destek Destek Destek Destek Destek