javascript - 如何在不使用 jquery 的情况下在 javascript 中创建动态 div？

Question

我想对我的网页上的按钮单击进行动态划分请告诉我最简单的解决方案，我是 JavaScript 新手。

Answer 1

希望这会有所帮助

function divcreate() {
    var div = document.createElement("div");
    div.setAttribute("id", "mydiv");
    div.className = "mdiv";
    div.style.display = "none";
    document.body.appendChild(div);
}

Answer 2

要创建元素，请使用createElement方法

var mydiv = document.createElement('div');
//mydiv is a variable containing a newly created div

Answer 3

<button onclick="createDiv()">Click Me</button>

function createDiv(){
   var newDiv = document.createElement('div');
}

Answer 4

//创建一个像下面这样的div

var div=document.createElement("div");
var node=document.createTextNode("This is new.");
div.appendChild(node);

然后将上面的 div 附加到您希望它成为孩子的位置

var element=document.getElementById("some_parent_tag");
element.appendChild(div);