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

时间:2013-04-16 10:19:53

标签: javascript dom

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

4 个答案:

答案 0 :(得分:3)

希望这会有所帮助

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

答案 1 :(得分:2)

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

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

答案 2 :(得分:0)

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

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

答案 3 :(得分:0)

//创建一个如下所示的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);