① JS如何刪除節點和所有子節點
刪除Id為demo節點
② js中的removeChild怎麼刪除所有節點
JS刪除當前節點內容代碼如下：
function removeEle(removeObj) {
removeObj.parentNode.removeChild(removeObj);
// 刪除元素
}
③ js中刪除節點的問題
其實是DOM元素集的差別，即HTMLCollection和NodeList的差別。
看一段代碼：
<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>Title</title>
</head>
<body>
<divid="div">
<pid="pid">div的p元素</p>
<h1id="hid">div的h1元素</h1>
</div>
<script>
functionremoveNode(){
vardiv=document.getElementById("div");
console.log(div.children,div.childNodes);
}
removeNode();
</script>
</body>
</html>
運行結果：
他們兩個的差異你可以去查文檔，但是可以明顯的看出children返回的只有html元素，所以我建議在做刪除操作的時候盡量使用children來返回HTMLCollection對象。
④ js刪除節點
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<style>
#id{
width:50px;
height:20px;
}
</style>
<TITLE> Delete </TITLE>
<script>
var i=0;
function addfile() {
var oTR = document.createElement("tr");
var oTH = document.createElement("th");
var oTD = document.createElement("td");
var oD=document.getElementById('files');
tr = oD.appendChild(oTR);
th = tr.appendChild(oTH);
td = tr.appendChild(oTD);
td.setAttribute("id","td_" + i);
th.setAttribute("id","th_" + i)
td.innerHTML = '文件：<input type="file" name="file[]" id="file[]" value="" size="22" /><a href="javascript:delefile('+i+');">刪除</a>';
i++;
}
function delefile(id){
document.getElementById('th_'+id).innerHTML = "";
document.getElementById('td_'+id).innerHTML = "";
}
</script>
</HEAD>
<BODY>
<input type="button" id="add" value="add" onclick="addfile();">
<div id="first">
<table>
<tbody id="files" name="filess">
</tbody>
</table>
</div>
</BODY>
</HTML>
原創的。
⑤ js請問如何刪除節點
js還是Jquery？
js e.parentNode.parentNode.parentNode.removeChild[0]
如果是js的話必須要找到你要刪除的節點的父節點才能刪除
Jquery
$(e).parent().parent().remove();
⑥ js通過class屬性 刪除節點
展開全部
邏輯錯了,你從下標0開始刪除,事實上,當你刪除完了第三個,你的cnodes長度就只有2了,但是你在這個時間刪除cnodes[3],所以刪除失敗
⑦ JS如何實現DOM刪除節點
removeChild 就可以
<div id="div1">
<p id="p1">這是一個段落。</p>
<p id="p2">這是另一個段落。</p>
</div>
<script>
var parent=document.getElementById("div1");
var child=document.getElementById("p1");
parent.removeChild(child);
</script>