HTML DOM getElementsByTagName() Method

Pagsasaayos at Paggamit

Ang methodong getElementsByTagName() ay maaaring ibalik ang koleksyon ng mga bagay na may tinukoy na pangalan ng tag.

Pagsusukat

document.getElementsByTagName(tagname)

Paglalarawan

Ang pagkakasunod-sunod ng mga elemento na ibinabalik ng methodong getElementsByTagName() ay ang kanilang pagkakasunod-sunod sa dokumento.

Kung ipapasa ang espesyal na string "*" sa methodong getElementsByTagName(), ito ay magbibigay ng listahan ng lahat ng elemento sa dokumento, ang pagkakasunod-sunod ng mga elemento ay ang kanilang pagkakasunod-sunod sa dokumento.

Mga tagubilin at Komento

Komento:Ang string na pinapasa sa methodong getElementsByTagName() ay hindi magiging di-pagkakasalungat sa pagbigkas ng mga titik.

halimbawa

halimbawa 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="Gaano karaming input elements?" />
</body>
</html>

Halimbawa 2

Maaaring gamitin ang getElementsByTagName() method upang makakuha ng listahan ng anumang uri ng HTML element. Halimbawa, ang sumusunod na kodigo ay makakakuha ng lahat ng mga table sa dokumento:

var tables = document.getElementsByTagName("table");
alert ("Ang dokumentong ito ay naglalaman ng " + tables.length + " tables");

Halimbawa 3

Kung ikaw ay lubos na nakaalam sa istruktura ng dokumento, maaari ring gamitin ang getElementsByTagName() method upang makakuha ng isang partikular na elemento ng dokumento. Halimbawa, ang sumusunod na kodigo ay makakakuha ng ikaapat na paragrapo ng dokumento:

var myParagragh = document.getElementsByTagName("p")[3];

Gayunpaman, pinaniniwalaan namin na kung kailangan mong mag-operate ng isang partikular na elemento, mas mahusay ang gumamit ng getElementById() method.