下面小編就為大家?guī)?lái)一篇JS添加刪除DIV的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。

JS添加刪除DIV的簡(jiǎn)單實(shí)例

function addDiv(w,h){ 

 //如果原來(lái)有“divCell”這個(gè)圖層，先刪除這個(gè)圖層

 deleteDiv();

 //創(chuàng)建一個(gè)div 

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

 //添加到頁(yè)面 

 document.body.appendChild(my); 

 //通過(guò)樣式指定該div的位置方式,若是想要自己設(shè)置div的位置,這句話必須有,把它注釋掉你就可以知道效果拉~試試看 

 my.style.position="absolute"; 

 //通過(guò)樣式指定x坐標(biāo)(隨機(jī)數(shù)0~450) 

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

 //通過(guò)樣式指定y坐標(biāo)(隨機(jī)數(shù)0~700) 

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

 //通過(guò)樣式指定寬度 

 my.style.width=w; 

 //通過(guò)樣式指定高度 

 my.style.height=h; 

 //通過(guò)樣式指定背景顏色,,若是背景圖片 例為my.style.backgroundImage="url(img/3.jpg)" 

 my.style.backgroundColor="#ffffcc"; 

 //添加div的內(nèi)容 

 //my.innerHTML=i++; 

 //設(shè)置樣式透明

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

 //設(shè)置ID

 my.id = "divCell"; 

 }

 function deleteDiv()

 {

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

 if (my != null)

  my.parentNode.removeChild(my);

 }

以上這篇JS添加刪除DIV的簡(jiǎn)單實(shí)例就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考