Ⅰ js刪除特定的DIV求方法
你給DIV加上ID，再用JS：
document.getElementById("ID").style.display = "none";
就OK了。
運行下面的代碼：
<DIV class="post cate1 auth1" id="div1">我是DIV1</div>
<DIV class="post cate2 auth1" id="div2">我是DIV2</div>
<DIV class="post cate3 auth1" id="div3">我是DIV3</div>
<DIV class="post cate4 auth1" id="div4">我是DIV4</div>
<DIV class="post cate5 auth1" id="div5">我是DIV5</div>
<script type="text/javascript" language="javascript">
document.getElementById("div1").style.display = "none";
</script>
Ⅱ JS如何添加刪除div
document.createElement()是在對象中創建一個對象，要與appendChild() 或 insertBefore()方法聯合使用。
其中，appendChild() 方法在節點的子節點列表末添加新的子節點。insertBefore() 方法在節點的子節點列表任意位置插入新的節點。
1、添加DIV
function addDiv(w,h){
//如果原來有「divCell」這個圖層，先刪除這個圖層
deleteDiv();
//創建一個div
var newdiv = document.createElement("divCell");
//添加到頁面
document.body.appendChild(newdiv);
//通過樣式指定該div的位置方式,若是想要自己設置div的位置,這句話必須有,把它注釋掉你就可以知道效果拉~試試看
newdiv.style.position="absolute";
//通過樣式指定x坐標(隨機數0~450)
newdiv.style.top= Math.round(Math.random()*450);
//通過樣式指定y坐標(隨機數0~700)
newdiv.style.left= Math.round(Math.random()*700);
//通過樣式指定寬度
newdiv.style.width=w;
//通過樣式指定高度
newdiv.style.height=h;
//通過樣式指定背景顏色,,若是背景圖片 例為 newdiv.style.backgroundImage="url(img/3.jpg)"
newdiv.style.backgroundColor="#ffffcc";
//添加div的內容
//newdiv.innerHTML=i++;
//設置樣式透明
newdiv.style.filter = "alpha(opacity=50)";
//設置ID
newdiv.id = "divCell";
}
2、刪除DIV
function deleteDiv()
{
var my = document.getElementById("divCell");
if (my != null)
my.parentNode.removeChild(my);
}
Ⅲ 如何清除JS創建的DIV
代碼如下：
function addDiv(w,h){
deleteDiv();
//創建一個
var my = document.createElement("divCell");
//添加到頁面
document.body.appendChild(my);
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怎樣添加、移除、移動、復制、創建和查找節點
添加節點append；移除節點removeChild；移動節點：var sdds=document.getElementById；創建節點createTextNode()；查找節點：document.getElementsByTagName。