Question

javascript怎样删除一个html元素

Answer 1

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

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

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

2. <div id="div">
   

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

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

5. </div>
   

6. <script>
   

7. var o=document.getElementById("div");//获取父节点
   

8. var a=document.getElementById("div1");//获取需要删除的子节点
   

9. var b=document.getElementById("btn");//获取触发事件的节点
   

10. b.onclick=function(){o.removeChild(a)//从父节点o上面移除子节点a}

11. </script>

Answer 2

<!--创建一个html文件-->
<div id="div">
<div id="div1">知道</div>
<input type="button" value="删除div1" id="btn"/>
</div>
<script>
var o=document.getElementById("div");//获取父节点
var a=document.getElementById("div1");//获取需要删除的子节点
var b=document.getElementById("btn");//获取触发事件的节点
b.onclick=function(){
o.removeChild(a)//从父节点o上面移除子节点a
}
</script>

定义和用法

removeChild() 方法指定元素的某个指定的子节点。

以 Node 对象返回被删除的节点，如果节点不存在则返回 null。

Answer 3

<!--创建一个html文件-->
<div id="div">
<div id="div1">我是div1</div>
<input type="button" value="删除div1" id="btn"/>
</div>
<script>
var o=document.getElementById("div");//获取父节点
var a=document.getElementById("div1");//获取需要删除的子节点
var b=document.getElementById("btn");//获取触发事件的节点
b.onclick=function(){
o.removeChild(a)//从父节点o上面移除子节点a
}
</script>

Answer 4

document.getElementById("divId").remove();