Translate Blog

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.
Yorum Gönder