js 如何删除某个div下的div元素

在js中, 不能直接删除子div, 但可以通过父div节点来删除子div 。 下面小编举例讲解js如何删除某个div下的div元素 。

js 如何删除某个div下的div元素

文章插图

需要这些哦
html+js
代码编纂器:Dreamweaver CS5
方式/
1新建一个html文件, 定名为test.html, 用于讲解js若何删除某个div下的div元素 。
js 如何删除某个div下的div元素

文章插图

2在test.html文件内, 利用div标签建立两个div模块, 两个div模块为嵌套关系 。
js 如何删除某个div下的div元素

文章插图

3在test.html文件内, 设置内部div标签的id为mydiv, 本家儿要用于下面经由过程该id获得div对象 。
js 如何删除某个div下的div元素

文章插图

4在test.html文件内, 利用button标签建立一个按钮, 按钮名称为“删除内部div” 。
js 如何删除某个div下的div元素

文章插图

5在test.html文件中, 给button按钮绑定onclick点击事务, 当按钮被点击时, 执行deldiv函数 。
js 如何删除某个div下的div元素

文章插图

6在js标签中, 建立deldiv()函数, 在函数内, 利用getElementById方式经由过程id获得内部div对象, 经由过程parentNode属性获得父节点对象, 再利用removeChild方式删除父div内的子div 。
js 如何删除某个div下的div元素

文章插图

7在浏览器打开test.html文件, 查看源代码, 点击按钮, 查看成果 。
js 如何删除某个div下的div元素

文章插图

js 如何删除某个div下的div元素

文章插图

总结:1【js 如何删除某个div下的div元素】1、建立一个test.html文件 。
2、在文件内, 利用div标签建立两个div模块, 两个div模块为嵌套关系, 同时建立一个button按钮, 用于触发执行js函数 。
3、在js标签内, 建立函数, 在函数内, 利用getElementById方式经由过程id获得内部div对象, 经由过程parentNode属性获得父节点对象, 再利用removeChild方式删除父div内的子div 。

注重事项removeChild()方式用于指定元素的某个指定的子节点 。

以上内容就是js 如何删除某个div下的div元素的内容啦, 希望对你有所帮助哦!

    推荐阅读