getElementById
Lezione 3 di 13 del corso Metodi DOM di JavaScript di Coddy.
La funzione getElementById() recupera il primo elemento con un attributo id corrispondente, ad esempio:
const element = document.getElementById("elementId"); Quanto sopra recupera l’elemento con un id pari a elementId e lo salva in una variabile chiamata element.
Nota il prefisso
document: è il DOM del file HTML.
Dopo aver recuperato un elemento, puoi manipolarlo usando JavaScript!
La prima proprietà che impareremo è textContent, che contiene il testo dell’elemento. Puoi modificare il testo così:
const element = document.getElementById("elementId");
element.textContent = "some text";Dopo questo codice, il testo di #elementId sarà some text
Sfida
FacileTi viene fornito del codice HTML che contiene un'intestazione con un ID.
Usando solo JavaScript, cambia il testo di questo elemento in “Hello!”:
- Recupera l'elemento usando la funzione
getElementById. - Modifica il testo dell'elemento usando la proprietà
textContent.
Provalo tu
<!DOCTYPE html>
<html>
<body>
<h1 id="heading">Welcome!</h1>
<script src="script.js"></script>
</body>
</html>Tutte le lezioni di Metodi DOM di JavaScript
Esercitati da solo: Playground Web