HTML DOM getElementsByTagName() Yöntemi
Tanım ve Kullanım
getElementsByTagName() yöntemi belirtilen etiket adına sahip nesnelerin koleksiyonunu döndürebilir.
Sözdizimi
document.getElementsByTagName(tagname)
Açıklama
getElementsByTagName() yöntemi elemanların belgedeki sıralamasına göre döndürür.
Special karakter "*" getElementsByTagName() yöntemine gönderildiğinde, belgedeki tüm elemanların listesi döndürülür ve elemanların sıralaması belgedeki sıralamaya göre olur.
İpuçları ve Açıklamalar
Not:getElementsByTagName() yöntemine gönderilen dize büyük/küçük harf duyarsız olabilir.
Örnek
Örnek 1
<html>
<head>
<script type="text/javascript">
function getElements()
{
var x=document.getElementsByTagName("input")
;
alert(x.length);
}
</script>
</head>
<body>
<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<br />
<input type="button" onclick="getElements()"
value="Kaç girdi elementi var?" />
</body>
</html>
Örnek 2
getElementsByTagName() yöntemi her türlü HTML elementinin listesini alabilir. Örneğin, aşağıdaki kod belgedeki tüm tabloları alabilir:
var tables = document.getElementsByTagName("table")
;
alert ("Bu belge " + tables.length + " tablo içerir");
Örnek 3
Belirli bir belge yapısını çok iyi biliyorsanız, getElementsByTagName() yöntemini kullanarak belgedeki belirli bir elementi de alabilirsiniz. Örneğin, aşağıdaki kod belgedeki dördüncü paragrafı alabilir:
var myParagragh = document.getElementsByTagName("p")[3]
;
Ancak, belirli bir elementi işlemek gerektiğinde, getElementById() yönteminin daha etkili olacağını düşünüyoruz.