innerHTML

Lección 11 de 13 del curso Métodos del DOM de JavaScript de Coddy.

La propiedad innerHTML establece o recupera el contenido HTML completo (incluyendo elementos secundarios) dentro de un elemento. Esto es útil para actualizar dinámicamente el contenido de una sección de una página web.

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

Desafío

Fácil

Se te proporciona un código HTML que contiene un div con el ID content .

Utilizando solo JavaScript, cambia el contenido de este elemento div:

Recupera el elemento div utilizando la función getElementById.
Establece el contenido HTML a "<b>Updated Content</b>".

Pruébalo tú mismo

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

Todas las lecciones de Métodos del DOM de JavaScript

1Introducción

Introducción Document Object Model

2Métodos del DOM I

getElementById Modificar el estilo del elemento getElementsByClassName Recorrer y manipular getElementsByTagName querySelector

3Métodos del DOM II

querySelectorAll addEventListenerinnerHTMLcreateElement y appendChild classList toggle