itclancoder

V1

2022/10/31阅读:19主题:绿意

js如何删除一个元素

在网页中,删除一个元素,是一个比较常见的操作,指的是把这个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属性获得待删除元素的父元素,再删除目标元素

分类:

前端

标签:

JavaScript

作者介绍

itclancoder
V1

微公号:itclanCoder