Atribut Elemen DOM HTML
Contoh
Berapa banyak atribut yang dimiliki elemen <img>:
let numb = document.getElementById("myImg").attributes.length;
Tampilkan semua atribut elemen <img>:
const nodeMap = document.getElementById("myImg").attributes;
let text = "";
for (let i = 0; i < nodeMap.length; i++) {
text += nodeMap[i].name + " = " + nodeMap[i].value + "<br>";
}
document.getElementById("demo").innerHTML = text;
Lebih banyak contoh di bawah ini.
Definisi dan Penggunaan
Properti attributes
mengembalikan kumpulan atribut dalam suatu elemen.
Properti attributes
mengembalikan NamedNodeMap.
BernamaNodeMap
NamedNodeMap adalah kumpulan (daftar) Objek Attr (Atribut) seperti array.
NamedNodeMap memiliki properti length yang mengembalikan jumlah atribut dalam daftar.
Atribut dapat diakses dengan nomor indeks. Indeks dimulai dari 0.
Lihat juga:
Sintaksis
node.attributes
Nilai Kembali
Jenis | Keterangan |
BernamaNodeMap | Koleksi objek atribut. |
Lebih Banyak Contoh
Berapa banyak atribut yang dimiliki elemen <button>:
let numb = document.getElementById("myButton").attributes.length;
Dapatkan nama atribut kedua (indeks 1) elemen <button>:
let attr = document.getElementById("myBtn").attributes[1].name;
Dukungan Peramban
element.attributes
adalah fitur DOM Level 1 (1998).
Ini didukung penuh di semua browser:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |