getElementsByTagName() Metodu

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/