如何使用javascript创建此功能

Question

<div>
  <div></div>
  <div></div>
</div>

我想创建一个DIV，然后使用javascript

在firstone中创建另外两个DIVS

我试过

var div = document.createElement("div");
div.id = "square";
document.getElementById("main").appendChild(div);
var div1 = document.createElement("div");
var div2 = document.createElement("div");
document.getElementById("square").appendChild(div1);
document.getElementById("square").appendChild(div2);

但它不起作用......

Answer 1

document.getElementById("main")？ 您也不需要为第一个div分配id。

var div0 = document.createElement("div");
var div1 = document.createElement("div");
var div2 = document.createElement("div");
div0.appendChild(div1);
div0.appendChild(div2);
document.body.appendChild(div0);