下面小编就为大家带来一篇JS添加删除DIV的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。

JS添加删除DIV的简单实例

function addDiv(w,h){ 

 //如果原来有“divCell”这个图层，先删除这个图层

 deleteDiv();

 //创建一个div 

 var my = document.createElement("divCell"); 

 //添加到页面 

 document.body.appendChild(my); 

 //通过样式指定该div的位置方式,若是想要自己设置div的位置,这句话必须有,把它注释掉你就可以知道效果拉~试试看 

 my.style.position="absolute"; 

 //通过样式指定x坐标(随机数0~450) 

 my.style.top= Math.round(Math.random()*450); 

 //通过样式指定y坐标(随机数0~700) 

 my.style.left= Math.round(Math.random()*700); 

 //通过样式指定宽度 

 my.style.width=w; 

 //通过样式指定高度 

 my.style.height=h; 

 //通过样式指定背景颜色,,若是背景图片 例为my.style.backgroundImage="url(img/3.jpg)" 

 my.style.backgroundColor="#ffffcc"; 

 //添加div的内容 

 //my.innerHTML=i++; 

 //设置样式透明

 my.style.filter = "alpha(opacity=50)";

 //设置ID

 my.id = "divCell"; 

 }

 function deleteDiv()

 {

 var my = document.getElementById("divCell");

 if (my != null)

  my.parentNode.removeChild(my);

 }

以上这篇JS添加删除DIV的简单实例就是小编分享给大家的全部内容了，希望能给大家一个参考