[SOLUCIONADO] Crear un elemento Div (que no existe)

[hcrisel]

Hola Buenos Días

Disculpame que te moleste. Hace ya dos días que no logro puntualmente encontrar información acerca de este tema.

Todos referencian a MODIFICAR (atributos y características, etc.) de un elemento DIV; pero nada me explica y enseña como CREARLO.

document.getElementById("caja").style.width = "500px";
document.getElementById("caja").innerHTML="pepepep ep";

CASO:
Yo tengo un Div previsto en mi HTML, y de acuerdo a cierto evento necesito crear un div que (No esta, No existe) en mi página. Ante este evento deseo crearlo de la nada.

<div id="Principal">

*** Es acá donde quisiera crear el SEGUNDO <div>....</div> ****
que no esta fisicamente escrito en el HTML

</div>

¿Esto se puede hacer?...
¿Cual sería el comando, Api o Librería?

Espero tu comentario para que puedas darme una mano...

Que tengas un Gran Día y muchas gracias!!!

Observaciones:
Podrías decirme... Bueno dejalo contemplado en la pagina y listo si lo usas bien y si no (no molesta). jajaja
El problema es que puedo llegar a necesitar 1, 20, 50 y más venido el caso.
El tema es que solo lo determinaría el cliente en el momento que lo usa.

[hcrisel]

Bueno... lo encontré!!!

Uso: var elemento = document.createElement(tag);

Con éste método del objeto document crearíamos un nuevo elemento con un tag determinado. Ejemplo: var div = document.createElement('DIV');
Uso: elemento1.appendChild(elemento2);

Con este método añadiremos el elemento “elemento2” a “elemento1”. En el siguiente ejemplo, añadiremos elementos a una lista de forma dinámica:

Bueno ahora solo me queda comenzar a investigar y probar.

Gracias de todos modos!! Hasta la próxima duda...