Documento HTML DOM getElementsByTagName()
Esempio
Ottieni tutti gli elementi con il nome del tag "li":
const collection = document.getElementsByTagName("li");
Ottieni tutti gli elementi nel documento:
const collection = document.getElementsByTagName("*");
Modifica l'HTML interno del primo elemento <p> nel documento:
document.getElementsByTagName("p")[0].innerHTML = "Hello World!";
Altri esempi di seguito.
Definizione e utilizzo
Il getElementsByTagName()metodo restituisce una raccolta di tutti gli elementi con un nome di tag specificato.
Il getElementsByTagName()metodo restituisce una HTMLCollection .
La getElementsByTagName()proprietà è di sola lettura.
Nota
getElementsByTagName("*") restituisce tutti gli elementi nel documento.
Collezione HTML
Una HTMLCollection è una raccolta di nodi HTML.
È possibile accedere ai nodi in una raccolta tramite numeri di indice. L'indice inizia da 0.
La proprietà length restituisce il numero di elementi nella raccolta.
Guarda anche:
Il metodo Document getElementById()
Il metodo Document getElementsByClassName()
Il metodo Document querySelector()
Sintassi
document.getElementsByTagName(tagname)
Parametri
| Parameter | Description |
| tagname | Required. The tagname of the elements. |
Valore di ritorno
| Tipo | Descrizione |
| Oggetto | Un oggetto HTMLCollection . Una raccolta di elementi con un nome di tag specificato. Gli elementi vengono ordinati come appaiono nel documento. |
Altri esempi
Il numero di elementi <li> nel documento:
let numb = document.getElementsByTagName("li").length;
Cambia il colore di sfondo di tutti gli elementi <p>:
const collection = document.getElementsByTagName("P");
for (let i = 0; i < collection.length; i++) {
collection[i].style.backgroundColor = "red";
}
Pagine correlate
Riferimento JavaScript: elemento .getElementsByTagName()
Esercitazione JavaScript: Elenco nodi JavaScript HTML DOM
Supporto browser
document.getElementsByTagName()è una funzionalità DOM di livello 1 (1998).
È completamente supportato in tutti i browser:
| Chrome | IE | Edge | Firefox | Safari | Opera |
| Yes | 9-11 | Yes | Yes | Yes | Yes |