Atribut Element attributes DOM HTML

Definisi dan penggunaan

attributes Atribut kembalikan koleksi atribut dalam elemen.

attributes Atribut kembalikan NamedNodeMap.

NamedNodeMap

NamedNodeMap Adalah koleksi tak berurutan seperti array yang mirip dengan atribut elemen.

Artinya: NamedNodeMap adalah Objek Attr.

NamedNodeMap menyediakan daftar yang dapat kembalikan jumlah node. Atribut length.

Dapat diakses melalui nama atau nomor indeks (index). Indeks dimulai dari 0.

Lihat pula:

Atribut HTML DOM

Contoh

Contoh 1

Berapa banyak atribut elemen <img>?:

let numb = document.getElementById("myImg").attributes.length;

Coba sendiri

Contoh 2

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;

Coba sendiri

Contoh 3

Berapa banyak atribut elemen <button>?:

let numb = document.getElementById("myButton").attributes.length;

Coba sendiri

Contoh 4

Dapatkan nama atribut kedua (indeks 1) elemen <button>:

let attr = document.getElementById("myBtn").attributes[1].name;

Coba sendiri

Syarat

node.attributes

Nilai kembalian

Tipe Deskripsi
NamedNodeMap Koleksi objek atribut.

Dukungan perpustakaan

element.attributes Adalah fitur DOM Level 1 (1998).

Semua peramban mendukungnya sepenuhnya:

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