在网页中,删除一个元素,是一个比较常见的操作,指的是把这个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属性获得待删除元素的父元素,再删除目标元素
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END