javascript怎么删除当前节点


本文摘自PHP中文网,作者藏色散人,侵删。

javascript删除当前节点的方法:1、新建一个html文档并写入基本的结构;2、在script标签写绑定事件的函数;3、获取div的父节点,然后用removeChild函数删除节点即可。

本文操作环境:windows7系统、javascript1.8.5版,DELL G3电脑

javascript怎么删除当前节点

1、首先新建一个html文档,写入基本的结构,并加入一个按钮,给按钮绑定一个点击事件,用于方便演示:

1124f9f1c96f758fdbf55bc8eaf6742.png

2、然后写入一些样式美化一下界面,在script标签写绑定事件的函数,这里先获取div的dom节点,然后获取div的父节点,最后用removeChild函数删除节点即可:

55a7eb33f6279168ca0e9c34986e929.png

3、来到浏览器首先可以看到div的内容和一个按钮:

2b7d9bc08be0b2adbbabb4ee521e49a.png

最后点击按钮,上方的div就被删除了。以上就是JS删除当前节点的方法,总结就是获取当前节点dom,在获取父节点最后用removeChild函数删除就可以了:

71492cfed18f53e3fab47f57064cd9e.png

推荐学习:《javascript高级教程

以上就是javascript怎么删除当前节点的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

javascript介绍service worker 的生命周期及使用场景

javascript怎么设置月份

详解6个不同级别的组件可重用性概念

js如何判断字符串是否为空

js的dom与事件小结

javascript怎么去除字符串首尾空格

javascript怎么关闭浏览器

javascript普通函数和箭头函数有什么区别?

网页显示javascript错误怎么解决

分享dom中的表单操作,节点操作

更多相关阅读请进入《javascript》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...