JavaScript - Metodi HTML DOM
I metodi HTML DOM sono azioni che puoi eseguire (su elementi HTML).
Le proprietà HTML DOM sono valori (di elementi HTML) che puoi impostare o modificare.
L'interfaccia di programmazione DOM
È possibile accedere al DOM HTML con JavaScript (e con altri linguaggi di programmazione).
Nel DOM, tutti gli elementi HTML sono definiti come oggetti .
L'interfaccia di programmazione è costituita dalle proprietà e dai metodi di ciascun oggetto.
Una proprietà è un valore che puoi ottenere o impostare (come modificare il contenuto di un elemento HTML).
Un metodo è un'azione che puoi eseguire (come aggiungere o eliminare un elemento HTML).
Esempio
L'esempio seguente modifica il contenuto (the innerHTML
) <p>
dell'elemento con id="demo"
:
Esempio
<html>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "Hello World!";
</script>
</body>
</html>
Nell'esempio sopra, getElementById
è un metodo , mentre innerHTML
è una
proprietà .
Il metodo getElementById
Il modo più comune per accedere a un elemento HTML è utilizzare id
l'elemento.
Nell'esempio sopra il getElementById
metodo utilizzato id="demo"
per trovare l'elemento.
La proprietà innerHTML
Il modo più semplice per ottenere il contenuto di un elemento è utilizzare la innerHTML
proprietà.
La innerHTML
proprietà è utile per ottenere o sostituire il contenuto degli elementi HTML.
La innerHTML
proprietà può essere utilizzata per ottenere o modificare qualsiasi elemento HTML, inclusi <html>
e <body>
.