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.