tutorial pengembangan web terbaru
 

HTML DOM getElementsByTagName() Method

<Elemen Object

Contoh

Mengubah isi HTML yang pertama <li> elemen (index 0) dalam daftar:

var list = document.getElementsByTagName("UL")[0];
list.getElementsByTagName("LI")[0].innerHTML = "Milk";

Sebelum mengubah teks:

  • Coffee
  • Tea

Setelah mengubah teks:

  • Milk
  • Tea
Cobalah sendiri "

Definisi dan Penggunaan

The getElementsByTagName() metode mengembalikan koleksi elemen anak seorang unsur ini dengan nama tertentu tag, sebagai objek NodeList.

Objek NodeList merupakan kumpulan node. Node dapat diakses oleh angka indeks. indeks dimulai dari 0.

Tip: Anda dapat menggunakan panjang milik objek NodeList untuk menentukan jumlah node anak dengan nama tag tertentu, maka Anda dapat loop melalui semua node dan ekstrak info yang Anda inginkan.

Tip: The ParameterValue "*" mengembalikan semua elemen anak elemen.


Dukungan Browser

Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung metode ini.

metode
getElementsByTagName() 1.0 6.0 3.0 3.0 9.5

Sintaksis

element .getElementsByTagName( tagname )

Nilai parameter

Parameter Mengetik Deskripsi
tagname String Wajib. The tagname dari elemen anak Anda ingin mendapatkan

Rincian teknis

DOM Versi Inti Level 1 Elemen Object
Kembali Nilai: Sebuah objek NodeList, mewakili koleksi elemen anak elemen dengan tagname ditentukan. Unsur-unsur dalam koleksi dikembalikan diurutkan seperti yang muncul dalam kode sumber.

contoh

Contoh lebih

Contoh

Cari tahu berapa banyak <p> elemen ada di dalam <div> elemen (menggunakan properti panjang dari objek NodeList):

var x = document.getElementById("myDIV").getElementsByTagName("P").length;

Hasil x akan:

3
Cobalah sendiri "

Contoh

Mengubah warna latar belakang dari kedua <p> elemen (index 1) di dalam <div> elemen:

var x = document.getElementById("myDIV");
x.getElementsByTagName("P")[1].style.backgroundColor = "red";
Cobalah sendiri "

Contoh

Mengubah warna latar belakang dari semua <p> elemen di dalam <div> elemen:

var x = document.getElementById("myDIV");
var y = x.getElementsByTagName("P");
var i;
for (i = 0; i < y.length; i++) {
    y[i].style.backgroundColor = "red";
}
Cobalah sendiri "

Contoh

Mengubah warna latar belakang dari elemen keempat (index 3) di dalam <div> elemen:

var x = document.getElementById("myDIV");
x.getElementsByTagName("*")[3].style.backgroundColor = "red";
Cobalah sendiri "

Contoh

Menggunakan "*" parameter.

Mengubah warna latar belakang dari semua elemen di dalam <div> elemen:

var x = document.getElementById("myDIV");
var y = x.getElementsByTagName("*");
var i;
for (i = 0; i < y.length; i++) {
    y[i].style.backgroundColor = "red";
}
Cobalah sendiri "

Pages terkait

Referensi JavaScript: dokumen. getElementsByTagName()

JavaScript Tutorial: Daftar JavaScript HTML DOM Node


<Elemen Object