tutorial pengembangan web terbaru
 

HTML DOM length Propery

<Atribut Object

Contoh

Dapatkan jumlah atribut dari <button> elemen:

var x = document.getElementsByTagName("BUTTON")[0].attributes.length;

Hasil x bisa menjadi:

2
Cobalah sendiri "

Lebih "Try it Yourself" contoh di bawah ini.


Definisi dan Penggunaan

Properti panjang mengembalikan jumlah node dalam sebuah objek NamedNodeMap.

atribut A Node objek adalah contoh dari objek NamedNodeMap.

Properti ini adalah read-only.

Tip: Gunakan item() metode untuk kembali simpul pada indeks tertentu dalam sebuah objek NamedNodeMap.


Dukungan Browser

Milik
length iya nih iya nih iya nih iya nih iya nih

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


Sintaksis

namednodemap .length

Rincian teknis

Kembali Nilai: Sebuah Nomor, mewakili jumlah node atribut di nodemap yang
DOM Versi Inti Level 1

contoh

Contoh lebih

Contoh

Loop melalui semua atribut dari <button> elemen dan output nama masing-masing atribut:

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

var i;
for (i = 0; i < x.length; i++) {
    txt += "Attribute name: " + x[i].name + "<br>";
}

Hasil txt akan:

Attribute name: id
Attribute name: onclick
Attribute name: class
Cobalah sendiri "

Contoh

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

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

Hasil x akan:

5
Cobalah sendiri "

Contoh

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

var txt = "";
var x = document.getElementById("myImg");

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

<Atribut Object