js如何删除一个元素
JS 如何 一个 删除 元素
2023-06-13 09:15:41 时间
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属性获得待删除元素的父元素,再删除目标元素
相关文章
- 如何自定义类加载器_网易js加载器下载地址
- js生成二维码,扫码实现跳转_如何把一个链接生成二维码
- js如何实现阅读完协议后才可以注册
- js 数组去除重复数据-5 个提升你 JS 编码水平的实例
- JS如何定义一个类分别用Es5和Es6来实现
- Js 如何为对象拓展一个动态属性
- JS系列1-布尔陷阱以及如何避免
- 比 Node.js 快三倍,新 JavaScript 运行时 Bun 火了
- 【源码】PDF.js批注注释插件库(纯JS). 创建和保存PDF批注(PDF 高亮/签名/插图/截屏/文本框/画笔/多边形)-pdf.js
- 创建JS文件:在Linux下实现自动化任务(linux创建js文件)
- JavaScript驱动的Oracle数据库访问方式(js访问oracle)
- xWin之JS版
- JS控制对象移动效果
- ASP.NET页面刷新的实现方法(包括html,js)
- js切换光标示例代码
- js中如何复制一个对象并获取其所有属性和属性对应的值
- JS如何将数字类型转化为没3个一个逗号的金钱格式
- js数组中如何随机取出一个值
- js实现文章文字大小字号功能完整实例