我现在非常需要这样的例子呀！我想了很久就是搞不出来呀！大家帮帮我呀！
[b]问题补充：[/b]
我要的不是这种，是在同一个页面
下面是创建div,一点某个事件就调用下面代码
var div = document.createElement("div");
document.body.appendChild(div);
下面是删除代码，我不知道怎么实现
比如有一个按钮，一点按钮就删除所有刚才创建的div
[b]问题补充：[/b]
基本上是我想要的，如果没有什么其他的答案分就给你啦！不过你的代码中还有点错，[color=red]oDivoDiv.innerHTML [/color]= "";要改为oDiv.innerHTML,谢谢提示方法啦！
JQuery:
现有
增加div
[code="js"]$("#parent").append("
);[/code]
删除div
[code="js"]$("div).remove();[/code]
动态创建div层:
document.write("
...
);
清除层内容:
document.getElementById("popupmenu").innnerHTML="";
div遮罩层嘛
http://www.windsfly.cn/blog/default.asp?id=660
http://www.cnblogs.com/wjfluisfigo/archive/2009/01/15/1359309.html
添加
[code="html"]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
jsDemo
var oDiv = document.createElement("DIV"); oDiv.id = "shop01"; oDiv.style.top = 200; oDiv.style.left = 200; oDiv.style.background = '#FFFF00'; oDiv.style.visibility = 'visible'; oDiv.innerHTML="123123" document.body.appendChild(oDiv); oDiv.onclick = "alert(1)";
[/code]
删除div:
[code="html"]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
jsDemo
function deldiv(divid){ var div=document.getElementById(divid); div.parentNode.removeChild(div); }
remove me.
[/code]
楼上写的很好,学习了!
可以用一全局变量来记录，这里用一int变量，也可用一数组
代码：
[code="html"]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Add and remove div by Javascript demo
body div { background-color: #ccc; border: 1px solid #999; float: left; width: 100px; height: 100px; margin: 10px; } var divs = 0; var addDiv = function(){ var oDiv = document.createElement("DIV"); oDiv.id = "div_" + divs; oDiv.innerHTML=oDiv.id; document.body.appendChild(oDiv); divs ++; }; var removeAllDiv = function(){ for(i=0; i < divs; i++){ var div=document.getElementById("div_" + i); document.body.removeChild(div); } divs = 0; };
[/code]
:oops: 大母指了