tutorial pengembangan web terbaru
 

HTML DOM attributes Propery

<Elemen Object

Contoh

Cari tahu berapa banyak atribut <button> elemen memiliki:

var x = document.getElementById("myBtn").attributes.length;

Hasil x bisa menjadi:

2
Cobalah sendiri "

Lebih "Try it Yourself" contoh di bawah ini.


Definisi dan Penggunaan

Properti atribut mengembalikan koleksi atribut node yang ditentukan itu, sebagai objek NamedNodeMap.

Node dapat diakses oleh angka indeks, dan indeks dimulai dari 0.

Tip: numerik pengindeksan berguna untuk melalui semua atribut elemen ini: Anda dapat menggunakan panjang milik objek NamedNodeMap untuk menentukan jumlah atribut, maka Anda dapat loop melalui semua atribut node dan ekstrak info yang Anda inginkan.

Tip: atribut HTML node atribut, dengan semua properti dan metode yang tersedia untuk Atribut objek.


Dukungan Browser

Milik
attributes iya nih iya nih iya nih iya nih iya nih

Catatan: Di Internet Explorer 8 dan sebelumnya, properti atribut akan kembali koleksi semua atribut yang mungkin untuk elemen.


Sintaksis

node .attributes

Rincian teknis

Kembali Nilai: Sebuah objek NamedNodeMap, mewakili koleksi atribut node
DOM Versi Inti Level 1 Node Obyek

contoh

Contoh lebih

Contoh

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

var x = document.getElementById("myBtn").attributes[1].name;

Hasil x bisa menjadi:

onclick
Cobalah sendiri "

Contoh

Cari tahu berapa banyak atribut sebuah <img> elemen memiliki:

var x = document.getElementById("myImg").attributes.length;

Hasil x bisa menjadi:

5
Cobalah sendiri "

Contoh

Loop melalui semua atribut dari <img> elemen dan output nama setiap atribut dan nilai:

var x = document.getElementById("myImg");
var txt = "";
var i;
for (i = 0; i < x.attributes.length; i++) {
    txt = txt + x.attributes[i].name + " = " + x.attributes[i].value + "<br>";
}
Cobalah sendiri "

<Elemen Object