myNotlar Logo

Element.attributes


Internet Explorer Firefox Opera

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 ) IE
indeksListe içindeki attribute nesnesinin sıra numarası.

Dönüş Değeri

OzelliklerÖzelliklerin isim-değer çifti olarak tutulduğu namedNodeMap dizisi.
Nesneattribute 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!
İlgili Başlıklar
 
myNotlar Hakkında
Telif Hakkı © 2007-2009 mynotlar.com Tüm Hakları Saklıdır. Kopyalanamaz. Yayınlanamaz.
E-Posta : support@myNotlar.com

| Tek Kişilik Oyunlar | Sudoku | YasinKa |