<div id="host">

</div>
// Elemento donde se va insertar los nuevos elementos
const host = document.querySelector("#host");

// creando document fragment
const df = document.createDocumentFragment();

// crear elementos con contenido texto
const div = document.createElement('div');
const h1 = document.createElement('h1');
const p = document.createElement('p');

h1.textContent = 'Hola, Jaime Cervantes';
p.textContent = '¿Cómo estás?';

// Agrego h1 y p al div
div.appendChild(h1);
div.appendChild(p);

//aggrego el div al document fragment "df"
df.appendChild(div);

// Agregar document fragment a la página 
host.appendChild(df);

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.