Sayfalar

Translate Blog

tag özelliklerine erişmek etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
tag özelliklerine erişmek etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

23 Aralık 2012 Pazar

Html Taglarının Özellikleri Erişin - getAttribute

Web sayfanızda bulunan id'li tagların içine yazdığınız özelliklere nasıl erişirsiniz? Title, Alt, Src gibi özellikleri javascript ile nasıl alınır? Hemen örneği verelim;
img border="0" title="Başlık" alt="2. Kategori Resmi" src="kategori2_1.jpg" width="96" height="33"
<script>
function goster(){
 var adres = document.getElementById('res1').getAttribute('src');
 var baslik = document.getElementById('res1').getAttribute('alt');
 var bilgi = document.getElementById('res1').getAttribute('title');
 alert(adres+"\n"+baslik+"\n"+bilgi);
}
</script>
<img id="res1" src="http://www.blogger.com/img/blogger-logo-small.png" alt="Blogger Logosu" title="Bloger Adresi grafanimasyon.blogger.com"/>
<a onclick="goster()">Özelliklere Eriş</a>
Yukardaki resmin içine yazmış olduğunuz title alanını nasıl görebilirsiniz?

Blogger Logosu
Özelliklere Eriş

Yukarıdaki kodu deneyebilirsiniz. id ile isimlendirdiğiniz tagın bilgilerini getAttribute komutu ile alabilirsiniz.document.getElementById('res1').getAttribute('alt') gibi.