js如何删除一个元素

http://mpvideo.qpic.cn/0bc3e4ak2aaamiaphts6pnrvaj6dvutqblia.f10002.mp4?dis_k=f8a184707950582b320d30bf9ba4fb11&dis_t=1670377389&vid=wxv_2643026083432579073&format_id=10002&support_redirect=0&mmversion=false

在网页中,删除一个元素,是一个比较常见的操作,指的是把这个DOM元素彻底删除,而不是隐藏,一般来说,使用removeChild()函数是最常见的方法

具体的javaScript代码

// 删除元素 
function deleteElement() {
    // 获取准备删除的DOM
    var del = document.getElementById("del");
    // 调用删除函数彻底删除
    del.parentNode.removeChild(del);
}

html代码

<p>
    <input type="button" value="删除元素" onclick="deleteElement()" />
</p>
<!----定义被删除的元素-->
<span id="del">即将被删除的DOM</span>

注意

由于removeChild()函数是对子元素的操作,而不是自身的删除,所以,需要先获取待删除元素的父元素,然后在调用该函数

在上面的示例代码中,是先使用parentNode属性获得待删除元素的父元素,再删除目标元素