En son web geliştirme öğreticiler
 

HTML DOM attributes Propery

<Eleman Nesne

Örnek

Bir niteliklerini kaç öğrenin <button> sahip eleman:

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

X'in sonucu olabilir:

2
Kendin dene "

Daha "Try it Yourself" Aşağıdaki örnekler.

Tanımı ve Kullanımı

nitelikler tesiste NamedNodeMap nesnesi olarak, belirtilen düğümün öznitelikleri bir koleksiyon döndürür.

düğümleri endeks numaralarıyla erişilen ve indeks 0 ile başlayan edilebilir.

İpucu: Sayısal indeksleme Bir elemanın niteliklerini gözden geçirecek için yararlıdır: Sen kullanabilirsiniz uzunluğu tüm döngü düğümlerini bağlıyor sonra yapabilirsiniz, niteliklerin sayısını belirlemek için NamedNodeMap nesnenin mülkiyet ve istediğiniz bilgi ayıklamak.

İpucu: HTML özellikleri nitelik düğümleri tüm vardır özellikleri ve yöntemleri kullanılabilir nesneyi Özellik.

Tarayıcı Desteği

özellik
attributes Evet Evet Evet Evet Evet

Not: Internet Explorer 8 ve daha önceki, nitelikleri özelliği bir element için olası tüm niteliklerin bir koleksiyon döndürür.

Sözdizimi

node .attributes

Teknik detaylar

Geri dönüş değeri: düğümün öznitelikleri bir koleksiyon temsil eden bir NamedNodeMap nesne,
DOM Sürüm Çekirdek Seviye 1 Düğüm Nesne
Örnekler

Diğer Örnekler

Örnek

Bir adını alın <button> öğenin saniyede (index 1) özellik:

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

X'in sonucu olabilir:

onclick
Kendin dene "

Örnek

Bir nitelikleri kaç öğrenin <img> var eleman:

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

X'in sonucu olabilir:

5
Kendin dene "

Örnek

Bir bütün nitelikleri aracılığıyla Döngü <img> elemanı ve çıkış her özelliğin adı ve değeri:

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>";
}
Kendin dene "

<Eleman Nesne