Documento HTML DOM getElementById()
Esempio
Ottieni l'elemento con l'id specificato:
document.getElementById("demo");
Ottieni l'elemento e cambia il suo colore:
const myElement = document.getElementById("demo");
myElement.style.color = "red";
O semplicemente cambiarne il colore:
document.getElementById("demo").style.color = "red";
Definizione e utilizzo
Il getElementById()metodo restituisce un elemento con un valore specificato.
Il getElementById()metodo restituisce nullse l'elemento non esiste.
Il getElementById()metodo è uno dei metodi più comuni nel DOM HTML. Viene utilizzato quasi ogni volta che si desidera leggere o modificare un elemento HTML.
Nota
Qualsiasi ID dovrebbe essere univoco, ma:
Se esistono due o più elementi con lo stesso IDgetElementById() , restituisce il primo.
Guarda anche:
Il metodo Document getElementsByTagName()
Il metodo Document getElementsByClassName()
Sintassi
document.getElementById(elementID)
Parametri
| Parameter | Description |
| id | Required. The id value of an element. |
Valore di ritorno
| Tipo | Descrizione |
| Oggetto | L'elemento con l'id specificato. nullse l'elemento non esiste. |
Pagine correlate:
Esercitazione CSS: sintassi CSS
Riferimento CSS: Selettore CSS #id
Riferimento HTML DOM: Proprietà ID HTML DOM
Riferimento HTML DOM: Oggetto stile HTML DOM
Supporto browser
document.getElementById()è una funzionalità DOM di livello 2 (2001).
È completamente supportato in tutti i browser:
| Chrome | IE | Edge | Firefox | Safari | Opera |
| Yes | 9-11 | Yes | Yes | Yes | Yes |