Puede que el título no sea muy descriptivo porque honestamente no estoy muy seguro de cual sea la solución, pero les expongo mi problema. Resulta que tengo en un archivo html una grid donde en cada uno de los div que componen esta, guardo datos; por otro lado necesito que el número de cuadros pueda aumentar, es decir que el usuario pueda crear más div, y para ello los creo desde java con create element(), el problema radica en que al meter estos div creados desde java con *document.body.appendChild()*no los ingresa dentro del div que ya cree, y por ende no sigue el patrón, si no que se crea fuera de este.
Aquí el codigo html
<body> <div class="principal"> <div class="b">
<div class="b2">b2 </div>
<div class="b3">b3 </div>
<div class="b4">b4</div>
<div class="b5">b5 </div>
<div class="b6">b6 </div> </div>
Código java
var div = document.createElement("div");
var b = document.getElementsByClassName("b");
div.setAttribute("style", "height:30%; width:35%; font-size:20px; padding-left:15px; padding-top:10px; margin-top: 10px; margin-left:10px; margin-right:10px; border-top-left-radius: 10px 10px; border-top-right-radius:10px 10px; background-color: #000; margin-top:10px; position:absolute;");
document.body.appendChild(div);
Bueno, corto múltiples líneas de código, incluyendo el css debido a que se haría muy largo, pero para hacer una idea, busco poder generar bloques como por ejemplo amazon, cada vez que alguien publica un producto, generan un nuevo bloque que sigue el orden, el problema es que no se como meterlo dentro del div principal. Espero haberme dado a entender, muchas gracias por su servicio!.