Trabajo con código HTML de elementos en JavaScript
Los elementos DOM tienen una propiedad innerHTML,
que permite leer el código HTML de estos elementos.
Veamos un ejemplo. Supongamos
que tenemos la siguiente etiqueta:
<p id="elem"><b>text</b></p>
Obtengamos una referencia a esta etiqueta en una variable:
let elem = document.querySelector('#elem');
Leamos el código HTML de la etiqueta:
console.log(elem.innerHTML); // mostrará <b>text</b>
Cambiemos el texto de la etiqueta:
elem.innerHTML = '<i>!!!</i>';
Dado un párrafo y un botón. Al hacer clic en el botón, lea el código HTML del párrafo y muéstrelo en la consola.
Dado un párrafo y un botón. Al hacer clic en el botón, escriba en el párrafo un nuevo texto que esté en negrita.