# js如何删除一个元素
# 快速导航
# 前言
在网页中,删除一个元素,是一个比较常见的操作,指的是把这个DOM
元素彻底删除,而不是隐藏,一般来说,使用removeChild()
函数是最常见的方法
# 具体示例
# 具体JavaScript代码
// 删除元素
function deleteElement() {
// 获取准备删除的DOM
var del = document.getElementById("del");
// 调用删除函数彻底删除
del.parentNode.removeChild(del);
}
1
2
3
4
5
6
7
2
3
4
5
6
7
# html代码
<p>
<input type="button" value="删除元素" onclick="deleteElement()" />
</p>
<!----定义被删除的元素-->
<span id="del">即将被删除的DOM</span>
1
2
3
4
5
2
3
4
5
# 注意
由于removeChild()
函数是对子元素的操作,而不是自身的删除,所以,需要先获取待删除元素的父元素,然后在调用该函数
在上面的示例代码中,是先使用parentNode
属性获得待删除元素的父元素,再删除目标元素
分享
留言
解答
收藏