js 动态生成div html页面,JS动态创建DIV动态删除DIV

在网页中，我们可以利用JS脚本语言，在页面当中动态的创建div对象，同时，也能根据需要删除那些不必要的div。

一、动态创建div代码

var msgDiv = document.createElement("div");

msgDiv.id = "msgDivId";

msgDiv.style.position = "absolute";

msgDiv.style.top = 50;

msgDiv.style.left = 50;

msgDiv.style.width = 200;

msgDiv.style.height = 100;

msgDiv.style.background = '#FEEFA0';

msgDiv.style.border = "1px solid #6633FF";

msgDiv.align = "center";

var str = "
这里就是动态div里面的内容。";

msgDiv.innerHTML = str;

document.body.appendChild(msgDiv);

二、动态删除div代码

var msgDiv = document.getElementById("msgDivId");

if(msgDiv!=null)

document.body.removeChild(msgDiv);