element.attributes özelliği, elementin özelliklerinin bir dizi halinde alınmasını sağlar. attributes koleksiyonu, tarayıcılar arasında birkaç ufak farkla aynı şekilde kullanılabilir. Bu farklar aşağıdaki gibidir.
attributes Özelliğinin Tarayıcılardaki Davranışları
- Firefox'da sadece değer atanmış özellikleri verir.
- Internet Explorer'da özellik değerleri null dahi olsa style hariç elementin alabileceği bütün özellikleri verir.
- Internet Explorer CSS metnine erişimi, attributes özelliği ile değilde, diğer tarayıcıların da desteklediği style nesnesinin cssText özelliği ile sağlar.
- Opera'da özellik isimleri büyük harfle döner.
- Firefox ve Internet Explorer'da özellik isimleri küçük harfle döner.
Sözdizimi
Ozellikler = element.attributes
Nesne = element.attributes( indeks )
| indeks | Liste içindeki attribute nesnesinin sıra numarası. |
Dönüş Değeri
| Ozellikler | Özelliklerin isim-değer çifti olarak tutulduğu namedNodeMap dizisi. |
| Nesne | attribute nesnesi. Özelliğin ismine name, değerine ise value parametreleri ile erişim sağlanır. |
element'in tüm özellikleri namedNodeMap tipindeki Ozellikler dizisi içinde isim/değer çifleri şeklinde tutulur. Bu değerlere erişim aşağıda gösterildiği gibi dizideki sırasını belirterek ismi için name ve değeri için value özellikleri kullanılarak sağlanır.
Ozellikler[0].name // Özelliğin adı
Ozellikler[0].value // Özelliğin değeri
Nesne.name
Nesne.value
Aşağıdaki örnek, bazı özellikleri belirlenmiş bir HTML div elementinin özelliklerinin attributes ile alınmasını ve for döngüsü ile sayfaya yazdırılmasını göstermektedir.
<div id="kutu"
title="Bilgi Kutusu"
align="center"
lang="tr"
style="margin:3px; width:100px; height:100px; background-color:#666688;
color:white;">Test<br/>Kutusu!</div>
<script type="text/javascript">
var Ozellikler = document.getElementById('kutu').attributes;
for(var i = 0;i < Ozellikler.length; i++)
{
document.write(Ozellikler[i].name + '->' + Ozellikler[i].value + "<br/>");
}
</script>
Canlı Sonuç
Test
Kutusu!