innerHTML

Lezione 11 di 13 del corso Metodi DOM di JavaScript di Coddy.

La proprietà innerHTML imposta o recupera l’intero contenuto HTML (inclusi gli elementi figli) all’interno di un elemento. È utile per aggiornare dinamicamente il contenuto di una sezione di una pagina web.

element.innerHTML = "<b>Example Text !!</b>";

Sfida

Facile

Ti viene fornito del codice HTML che contiene un div con un ID content .

Usando solo JavaScript, modifica il contenuto di questo elemento div:

Recupera l'elemento div usando la funzione getElementById.
Imposta il contenuto HTML su "<b>Updated Content</b>".

Provalo tu

<!DOCTYPE html>
<html>
    <body>
        <div id="content">Original Content</div>
        <script src="script.js"></script>
    </body>
</html>

Tutte le lezioni di Metodi DOM di JavaScript

1Introduzione

Introduzione Document Object Model

2Metodi DOM I

getElementById Modificare lo stile di un elemento getElementsByClassName Iterare e manipolare getElementsByTagName querySelector

3Metodi DOM II

querySelectorAll addEventListenerinnerHTMLcreateElement e appendChild Attivazione/disattivazione con classList

Esercitati da solo: Playground Web