Zihni Kaya » getElementsByTagName http://www.zihni.net Wed, 16 Nov 2011 07:22:20 +0000 en hourly 1 http://wordpress.org/?v=3.1.3 getElementsByTagName() Metodu http://www.zihni.net/dom/getelementsbytagname-metodu/ http://www.zihni.net/dom/getelementsbytagname-metodu/#comments Sat, 10 Mar 2007 18:48:19 +0000 Zihni http://www.zihni.net/?p=34 Sözdizimi:

elements = element.getElementsByTagName(tagName)

tagName parametresi ile verilen elementin adına göre geriye bir element listesi -nodeList- döndürür.

Aşağıdaki gibi bir belgemiz olsun.

1
2
3

<div id="myDiv">
<a href="http://www.norahjones.com">Norah Jones</a>
<a href="http://www.braziliangirls.com">Brazilian girls</a></div>

myDiv tagındaki element sayısını bulalım ve bu elemanları yazdıralım.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

<script type="text/javascript">
// elemanları çekiyoruz
var nodeList = document.getElementById('myDiv').getElementsByTagName('a');
// element -a tagı sayısı - sayısını yazdırıyoruz.
document.write("<br />");
document.write(nodeList.length);
document.write("<br />");
for(i=0; i&lt;nodeList.length;i++)
{
//veriyi yazdırıyoruz
document.write(nodeList[i].childNodes[0].nodeValue);
document.write("<br />");
}
</script>
 
Çıktı:
 
2
http://www.norahjones.com/
http://www.braziliangirls.com/
]]> http://www.zihni.net/dom/getelementsbytagname-metodu/feed/ 0