Ⅰ jquery js添加節點 刪除節點
直接在你的js文件中寫個刪除的方法,參數為要刪除的節點。在增加時綁定到要刪除的a標簽上內
function delete(element){
$(element).remove();
}
$("#table1").append(「內容------<a onclick='delete(this)'>刪除節容點</a>」)
Ⅱ JS 如何刪除當前節點內容
需要准備復的材料分別是:制電腦、html編輯器、瀏覽器。
1、首先,打開html編輯器,新建一個html文件,例如:index.html。
Ⅲ js刪除節點問題
把 d.item(i).onclick=function(){
var n=d.item(i);
n.parentNode.remove(n);
}
改成 d.item(i).onclick=function(){
this.parentNode.removeChild(this);
}
我的方法:
window.onload=function(){
var i=0;
document.ondblclick= function(){
i++;
var o= document.createElement('div');
o.style.cssText='width:100px;height:50px;border:1px solid #f00;margin-top:1px;';
o.innerHTML=i;
document.body.appendChild(o);
var d= document.getElementsByTagName('div');
for(var j=0;j< d.length;j++){
d[j].onclick=function(){
this.parentNode.removeChild(this);
}
}
}
}
Ⅳ 如何使用原生js來刪除節點
刪除屬性使用 removeAttribute方法。
刪除節點使用 parentNode.removeChild(node)
<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8"/>
<metahttp-equiv="X-UA-Compatible"content="IE=edge">
<title>PageTitle</title>
<metaname="viewport"content="width=device-width,initial-scale=1">
<scripttype="text/javascript">
onload=function(){
btn.onclick=function(){
varcontainer=document.querySelector('#container');
vartextInput=document.querySelector('#text');
vartestBtn=document.querySelector('#test');
testBtn.removeAttribute('onclick');
container.removeChild(textInput);
}
}
</script>
</head>
<body>
<divid="container">
<inputtype="text"name="text"id="text"value=""/>
<inputtype="button"value="僅作測試"id="test"onclick="javascript:alert('存在點擊事件Attribute')"/>
<inputtype="button"value="刪除按鈕的onclick及id=text的文本框"id="btn"/>
</div>
</body>
</html>
Ⅳ js中刪除節點的問題
你沒有操作對。div.childNodes.length;//5
div.childNodes[3];//才能選到h1元素標簽
div.removeChild(div.childNodes[3]);
加入想用div.childNodes[1]選中h1的話,html中的div需要如下寫,不要有換內行容,才可以
html中:<divid="div"><pid="pid">div的p元素</p><h1id="hid">div的h1元素</h1></div>
JS中:alert(div.childNodes.length);//此時長度是2
div.removeChild(div.childNodes[1]);//這樣才可以刪除h1元素
Ⅵ javascript中刪除節點的問題。
你可以用innerHTML改變標簽內的內容,還有救是HTML中的代碼 你刪除後 在HTML源代碼中還是存在的,並不能改變HTML源代碼, 只是在瀏覽器內存中改變其結構.
Ⅶ js刪除節點
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如何實現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>
Ⅸ JS如何刪除節點和所有子節點
刪除Id為demo節點