JavaScript - Metodi HTML DOM

I metodi HTML DOM sono quelli che puoi eseguire (sugli elementi HTML)Azioni.

Le proprietà HTML DOM sono quelle che puoi impostare o modificare negli elementi HTMLValore.

Interfaccia di programmazione DOM

HTML DOM può essere acceduto tramite JavaScript (può essere anche attraverso altri linguaggi di programmazione).

In DOM, tutti gli elementi HTML sono definitioggetto.

L'interfaccia di programmazione è le proprietà e i metodi di ogni oggetto.

proprietàSono i valori che puoi ottenere o impostare (ad esempio modificare il contenuto di un elemento HTML).

metodoSono le azioni che puoi eseguire (ad esempio aggiungere o rimuovere elementi HTML).

Esempio

Nell'esempio seguente, il contenuto dell'elemento <p> con id="demo" viene modificato:

<html>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "Hello World!";
</script>
</body>
</html>

Prova tu stesso

Nell'esempio sopra,getElementById èmetodoe innerHTML èproprietà.

metodo getElementById

Il metodo più comune per accedere agli elementi HTML è utilizzare l'id dell'elemento.

Nell'esempio sopra,getElementById Il metodo utilizza id="demo" per trovare l'elemento.

proprietà innerHTML

Il modo più semplice per ottenere il contenuto di un elemento è utilizzare innerHTML .

innerHTML La proprietà può essere utilizzata per ottenere o sostituire il contenuto di un elemento HTML.

innerHTML Le proprietà possono essere utilizzate per ottenere o modificare qualsiasi elemento HTML, inclusi <html> e <body>.