JS 如何删除当前节点内容

需要准备的材料分别是：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建一个html文件，例如：indexhtml。

2、在indexhtml的<script>标签中，输入js代码：documentbodyremoveChild(documentgetElementById("1"));。

3、浏览器运行indexhtml页面，此时会发现123所在的整个div以及它的内容都被移除了。

<div id="del"><input type="checkbox" name="checkbox" id="check" />内容 <input type="button" id="remove" value="删除" onClick="remove();" /></div>
<script>
function remove()
{
var check = documentgetElementById("check");
if (checkchecked){
var div = documentgetElementById("del");
documentbodyremoveChild(div);
}
}
</script>
最简单的就是这样js删除,但是一般的数据都是读取出来的，删除要靠程序。

<script type="text/javascript">
    function insertRow(){
        var tr = documentcreateElement("tr");
        var table = documentgetElementsByTagName("table")[0];
        var td1 = documentcreateElement("td");
        trinsertBefore(td1,null);
        td1innerHTML = "001";
        var td2 = documentcreateElement("td");
        trinsertBefore(td2,td3);
        td2innerHTML = "孙悟空";
        var td3 = documentcreateElement("td");
        trappendChild(td3);
        td3innerHTML ="男";
        tableappendChild(tr);
         documentbodyappendChild(table);   //少了document
    }
    function deleteRow(){
        var tr = documentgetElementsByTagName("tr");  //主要是这里少了个document 导致不能删除
        var table = documentgetElementsByTagName("table")[0];
        tableremoveChild(tr[trlength-1]);
    }

通过removeChild() 方法指定元素的某个指定的子节点来完成javascript删除一个html元素。

javascript删除一个html元素的步骤：

<!--创建一个html文件-->

<div id="div">

<div id="div1">知道</div>

<input type="button" value="删除div1" id="btn"/>

</div>

<script>

var o=documentgetElementById("div");//获取父节点

var a=documentgetElementById("div1");//获取需要删除的子节点

var b=documentgetElementById("btn");//获取触发事件的节点

bonclick=function(){oremoveChild(a)//从父节点o上面移除子节点a}

</script>

举例
<div id="demo">123</div>
<button onclick="delete_div('demo');">删除</button>
<script>
function delete_div(id){
$("#"+id)remove();
}
</script>

---