HTML DOM getElementsByTagName() -menetelmä
Määrittely ja käyttö
getElementsByTagName() -menetelmä voi palauttaa joukon tiettyä elementtityyppiä sisältäviä objekteja.
Syntaksi
document.getElementsByTagName(tagname)
Selitys
getElementsByTagName() -menetelmän palauttaman elementin järjestys on niiden järjestys dokumentissa.
Jos erikoisstringi "*" annetaan getElementsByTagName() -menetelmälle, se palauttaa luettelon kaikista elementeistä, elementtien järjestys on niiden järjestys dokumentissa.
Vinkit ja kommentit
Kommentti:Huomautus: Stringi, joka annetaan getElementsByTagName() -menetelmälle, voi olla kirjainkohtaisesti yhtenevä.
Esimerkki
Esimerkki 1
<html>
<head>
<script type="text/javascript">
function getElements()
{
var x=document.getElementsByTagName("input");
huomauta(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="Kuinka monta input-elementtiä?" />
</body>
</html>
Esimerkki 2
Voit käyttää getElementsByTagName() -menetelmää saadaksesi luettelon kaikista HTML-elementeistä. Esimerkiksi seuraava koodi voi saada dokumentista kaikki taulukot:
var tables = document.getElementsByTagName("table");
alert ("Tämä dokumentti sisältää " + tables.length + " taulukkoa");
Esimerkki 3
Jos olet erittäin tietoinen dokumentin rakenteesta, voit myös käyttää getElementsByTagName() -menetelmää saadaksesi dokumentista tietyn elementin. Esimerkiksi seuraava koodi voi saada dokumentista neljännen kappaleen:
var myParagragh = document.getElementsByTagName("p")[3];
Kuitenkin, me silti uskomme, että jos tarvitset operoida tiettyä elementtiä, getElementById() -menetelmä on tehokkaampi.
