HTML DOM getElementsByName() Method

<Document Object

Lebih "Try it Yourself" contoh di bawah ini.

Definisi dan Penggunaan

The getElementsByName() metode mengembalikan koleksi semua elemen dalam dokumen dengan nama tertentu (the value of the name attribute) , 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 elemen dengan nama tertentu, maka Anda dapat loop melalui semua elemen dan ekstrak info yang Anda inginkan.

Catatan: Dalam HTML5, "name" atribut usang dan telah digantikan oleh "id" atribut untuk banyak unsur. Gunakan dokumen. getElementById() metode mana yang sesuai. Juga melihat getElementsByClassName() dan getElementsByTagName() metode.

Dukungan Browser

Sintaksis

document.getElementsByName( Nilai parameter

Parameter	Mengetik	Deskripsi
name	String	Wajib. The name nilai atribut dari elemen yang ingin Anda akses / memanipulasi

Rincian teknis

DOM Versi:	Inti Level 1 Document Object
Kembali Nilai:	Sebuah objek NodeList, mewakili kumpulan elemen dengan nama tertentu. Unsur-unsur dalam koleksi dikembalikan diurutkan seperti yang muncul dalam kode sumber.

---

Contoh lebih

Contoh

Cari tahu berapa banyak elemen yang ada di dokumen yang memiliki atribut nama dengan nilai "animal" (menggunakan properti panjang dari objek NodeList):

var x = document.getElementsByName("animal").length;

Cobalah sendiri "

Contoh

Periksa semua <input> elemen dengan type = "checkbox" dalam dokumen yang memiliki atribut nama dengan nilai "animal" :

var x = document.getElementsByName("animal");
var i;
for (i = 0; i < x.length; i++) {
    if (x[i].type == "checkbox") {
        x[i].checked = true;
    }
}

Cobalah sendiri "

---

<Document Object