Metodo getElementsByTagName() del DOM HTML
Definizione e uso
Il metodo getElementsByTagName() può restituire una raccolta di oggetti con il nome del tag specificato.
Sintassi
document.getElementsByTagName(tagname)
Spiegazione
L'ordine degli elementi restituiti dal metodo getElementsByTagName() è l'ordine in cui si trovano nel documento.
Se si passa la stringa speciale "*" al metodo getElementsByTagName(), verrà restituita una lista di tutti gli elementi del documento, ordinati nell'ordine in cui si trovano nel documento.
Suggerimenti e note
Nota:La stringa passata al metodo getElementsByTagName() può essere indifferente alle maiuscole e minuscole.
Esempio
Esempio 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="Quanti elementi input?" />
</body>
</html>
Esempio 2
Puoi ottenere una lista di qualsiasi tipo di elemento HTML utilizzando il metodo getElementsByTagName(). Ad esempio, il seguente codice può ottenere tutte le tabelle del documento:
var tables = document.getElementsByTagName("table");
alert ("Questo documento contiene " + tables.length + " tabelle");
Esempio 3
Se sei molto familiare con la struttura del documento, puoi anche utilizzare il metodo getElementsByTagName() per ottenere un elemento specifico del documento. Ad esempio, il seguente codice può ottenere il quarto paragrafo del documento:
var myParagragh = document.getElementsByTagName("p")[3];
Tuttavia, pensiamo ancora che, se hai bisogno di operare su un elemento specifico, utilizzare il metodo getElementById() sarà più efficace.
