Metode getElementsByName() DOM HTML Document

Definisi dan penggunaan

getElementsByName() Metode ini mengembalikan kumpulan elemen yang memiliki nama yang ditentukan.

getElementsByName() Metode ini mengembalikan yang NodeList.

NodeList

NodeList Adalah kumpulan node seperti array (daftar).

Node dalam daftar dapat diakses melalui indeks. Indeks dimulai dari 0.

length Kembalian properti adalah jumlah node dalam daftar.

Lihat pula:

Metode getElementById()

Metode getElementsByTagName()

Metode getElementsByClassName()

Metode querySelector()

Metode querySelectorAll()

Panduan Referensi NodeList

Contoh

Contoh 1

Ambil semua elemen dengan nama "fname":

let elements = document.getElementsByName("fname");

Coba Sendiri

Contoh 2

Kembalikan jumlah elemen dengan name="animal":

let num = document.getElementsByName("animal").length;

Coba Sendiri

Contoh 3

Cek semua elemen <input> dengan type="checkbox" dan nama "animal":

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

Coba Sendiri

Sintaks

document.getElementsByName(name)

Parameter

Parameter Deskripsi
name Diperlukan. Nilai atribut name elemen.

Nilai yang kembali

Tipe Deskripsi
Objek

Objek NodeList.

Koleksi elemen dengan nama yang ditentukan.

Diurutkan menurut urutan elemen muncul di dokumen.

Dukungan Peramban

document.getElementsByName() Adalah fitur DOM Level 1 (1998).

Semua peramban mendukungnya:

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