¡Hola!, en la clase de hoy estaremos viendo como renderizar HTML desde Javascript.
Para ello vamos a utilizar diferentes métodos y propiedades que nos proporcionan distintas APIs de HTML y/o sintaxis de Javascript.
Dentro de estos métodos y propiedades vamos a estar utilizando:
document.createElement() para crear Nodos de HTML.
document.createTextNode() para crear Nodos de texto de HTML.
document.appendChild() para agregar un Nodo dentro de otro Nodo.
nodo.innerHTML para modificar el contenido a nivel HTML de un Nodo.
nodo.textContent para modificar el contenido textual de un Nodo.
nodo.className para establecer una clase de CSS a un Nodo
nodo.classList para acceder a un listado de clases de CSS que tiene aplicado un determinado Nodo.
nodo.dataset para acceder al listado de atributos de HTML definidos bajo el data-*.
Código: https://github.com/programandoeldestino/render-html-desde-javascript/blob/main/index.html
Cualquier duda o pregunta podes dejármela en los comentarios y lo mas importante: ¡sigue aprendiendo, sigue practicando!
