crea un div y luego cra dos div más dentro del anterior. coloca los dos div uno al lado del otro in javascript

Para crear un div y luego crear dos divs dentro del div padre y colocar los dos divs uno al lado del otro, se puede utilizar el siguiente código:

index.tsx
//creamos el div padre
var padre = document.createElement("div");

//creamos los divs hijos
var hijo1 = document.createElement("div");
var hijo2 = document.createElement("div");

//agregamos los hijos al padre
padre.appendChild(hijo1);
padre.appendChild(hijo2);

//establecemos el estilo para el div padre
padre.style.display = "flex";
padre.style.flexDirection = "row";

//establecemos el estilo para los div hijos
hijo1.style.flex = "1";
hijo2.style.flex = "1";

//agregamos el padre al cuerpo del documento
document.body.appendChild(padre);
544 chars
22 lines

En este código creamos el div padre y luego los dos divs hijos. Después, agregamos los hijos al padre y utilizamos la propiedad display: flex; para establecer el flujo de los elementos. Para colocar los divs hijos uno al lado del otro utilizamos la propiedad flex-direction: row;. Por último, establecemos la propiedad flex: 1; en ambos hijos para que ocupen el 50% del ancho total del div padre y agregamos el padre al cuerpo del documento.

related categories

gistlibby LogSnag