Esempio
Ottenere tutti gli elementi del documento con il nome tag specificato:
var x =
document.getElementsByTagName("LI");
Prova tu stesso " Più "Try it Yourself" esempi di seguito.
Definizione e l'utilizzo
Il getElementsByTagName() restituisce una raccolta di tutti gli elementi del documento con il nome tag specificato, come un oggetto NodeList.
L'oggetto NodeList rappresenta un insieme di nodi. I nodi possono essere accessibili da numeri di indice. L'indice parte da 0.
Suggerimento: Il ParameterValue "*" restituisce tutti gli elementi del documento.
Suggerimento: È possibile utilizzare la lunghezza di proprietà dell'oggetto NodeList per determinare il numero di elementi con il nome tag specificato, allora si può scorrere tutti gli elementi ed estrarre le informazioni che desidera.
Supporto browser
I numeri nella tabella specifica la prima versione del browser che supporta pienamente il metodo.
| Metodo | |||||
|---|---|---|---|---|---|
| getElementsByTagName() | 1.0 | 6.0 | 3.0 | 3.0 | 9.5 |
Sintassi
document.getElementsByTagName( tagname )valori dei parametri
| Parametro | Tipo | Descrizione |
|---|---|---|
| tagname | String | Necessario. La TagName degli elementi che si desidera ottenere |
Dettagli tecnici
| DOM Versione: | Nucleo livello di oggetto di documento 1 |
|---|---|
| Valore di ritorno: | Un oggetto NodeList, rappresenta un insieme di elementi con il nome tag specificato. Gli elementi della collezione restituita sono ordinati come appaiono nel codice sorgente. |
Altri esempi
Esempio
Scopri quanti <li> elementi ci sono nel documento (utilizzando la proprietà length dell'oggetto NodeList):
var x =
document.getElementsByTagName("LI").length; Prova tu stesso " Esempio
Modificare il contenuto HTML della prima <p> elemento (index 0) nel documento:
document.getElementsByTagName("P")[0].innerHTML = "Hello World!"; Prova tu stesso " Esempio
Cambiare il colore di sfondo di tutte le <p> elementi nel documento:
var x = document.getElementsByTagName("P");
var i;
for (i = 0; i <
x.length; i++) {
x[i].style.backgroundColor = "red";
} Prova tu stesso " Esempio
Utilizzando il "*" parametro.
Ottenere tutti gli elementi del documento:
var x =
document.getElementsByTagName("*"); Prova tu stesso " Pagine correlate
JavaScript Riferimento: elemento. getElementsByTagName()
JavaScript Tutorial: Lista JavaScript HTML DOM Node