Esempio
Ottenere l'elemento con l'ID specificato:
document.getElementById("demo");
Prova tu stesso " Più "Try it Yourself" esempi di seguito.
Definizione e l'utilizzo
Il getElementById() restituisce l'elemento che ha l' ID attributo con il valore specificato.
Questo metodo è uno dei metodi più comuni nel DOM HTML, e viene utilizzato quasi ogni volta che si desidera manipolare, o ottenere informazioni da, un elemento sul documento.
Restituisce null se nessun elemento con l'ID specificato esiste.
Un ID deve essere univoco all'interno di una pagina. Tuttavia, se più di un elemento con l'ID specificato esiste, il getElementById() restituisce il primo elemento nel codice sorgente.
Supporto browser
I numeri nella tabella specifica la prima versione del browser che supporta pienamente il metodo.
| Metodo | |||||
|---|---|---|---|---|---|
| getElementById() | sì | sì | sì | sì | sì |
Sintassi
document.getElementById( elementID )valori dei parametri
| Parametro | Tipo | Descrizione |
|---|---|---|
| elementID | String | Necessario. L' ID del valore dell'attributo dell'elemento che si desidera ottenere |
Dettagli tecnici
| DOM Versione: | Nucleo livello di oggetto di documento 2 |
|---|---|
| Valore di ritorno: | Un Oggetto Elemento, che rappresenta un elemento con l'ID specificato. Restituisce null se nessun elemento con l'ID specificato esiste |
Altri esempi
Esempio
Ottenere l'elemento con id = "demo" e cambiare il suo colore:
var x = document.getElementById("demo"); // Get the element with
id="demo"
x.style.color = "red";
// Change the color of the element Prova tu stesso " Pagine correlate
Tutorial CSS: CSS selettori
CSS Riferimento: Selettore #id CSS
HTML DOM Riferimento: HTML DOM id Property
HTML DOM Riferimento: HTML DOM Object Style