Metode getElementsByTagName() DOM HTML Document

Definisi dan penggunaan

getElementsByTagName() Metode mengembalikan kumpulan elemen dengan tajuk yang ditentukan.

getElementsByTagName() Metode mengembalikan HTMLCollection.

getElementsByTagName() Atribut adalah hanya-baca.

Keterangan:getElementsByTagName("*") Mengembalikan semua elemen dalam dokumen.

HTMLCollection

HTMLCollection Adalah kumpulan seperti array dari elemen HTML (daftar).

Elemen dalam kumpulan dapat diakses melalui indeks (dari 0).

length Atribut mengembalikan jumlah elemen dalam kumpulan.

Lihat juga:

Metode getElementById()

Metode getElementsByClassName()

Metode querySelector()

Metode querySelectorAll()

Objek HTMLCollection

Contoh

Contoh 1

Dapatkan semua elemen dengan tajuk "li":

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

Cuba sendiri

Contoh 2

Dapatkan semua elemen dalam dokumen:

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

Cuba sendiri

Contoh 3

Ubah HTML internal elemen <p> pertama dalam dokumen:

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

Cuba sendiri

Contoh 4

Jumlah elemen <li> dalam dokumen:

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

Cuba sendiri

Contoh 5

Ubah warna latar belakang semua elemen <p>:

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

Cuba sendiri

Sintaks

document.getElementsByTagName(tagName)

Parameter

Parameter Penerangan
tagName Diperlukan. Markah elemen.

Kembalian

Jenis Penerangan
Objek

Objek HTMLCollection.

Koleksi element dengan nama tag yang sama.

Diurutkan menurut urutan element muncul dalam dokumen.

Detil teknikal

Metode ini akan kembalikan objek NodeList (boleh dianggap seperti array yang hanya boleh diacak), objek ini menyimpan semua element dengan tag yang sama dalam dokumen, urutan yang disimpan adalah urutan yang muncul dalam dokumen asal.

Objek NodeList adalah 'hidup', iaitu jika element dengan nama tag yang sama ditambah atau dipadamkan dalam dokumen, kandungan akan diperbarui secara automatik.

Dokumen HTML tidak membezakan huruf abjad, jadi boleh digunakan bentuk huruf abjad apa saja untuk menentukan tagName，ia akan cocok dengan semua tag yang sama dengan nama dalam dokumen, tanpa mengira bentuk huruf abjad yang digunakan dalam dokumen asal. Tetapi dokumen XML membezakan huruf abjad,tagName Hanya cocok dengan tag yang sama dengan nama dan bentuk huruf abjad yang sama dalam dokumen asal.

Petikan:Interface Element mendefinisikan metode yang sama, yang hanya mencari subtree dokumen. Di samping itu, interface HTMLDocument mendefinisikan Metode getElementByName()，ia berdasarkan nilai properti name (tidak berdasarkan nama tag).

Pendukung pelayar

document.getElementsByTagName() Adalah ciri DOM Level 1 (1998).

Semua pelayar mendukungnya：

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

Laman yang berkaitan

Panduan rujukan JavaScript：element.getElementsByTagName()

Panduan JavaScript：Daftar Node HTML DOM JavaScript