养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

js删除节点的方法

时间:2024-09-29 19:28:49

本篇教大家如何使用js删除节点

工具/原料

HBuilderX

方法/步骤

1、编写HTML,在body中加入div标签,id为app,在div中加入一个p标签,内容为hello

js删除节点的方法

2、前端页面展示如下

js删除节点的方法

3、加入js代码块,添加方法,首先根据div的id获取到div,并保存螅岔出礤在自定义变量div1中,再用div1调用remove()方法

js删除节点的方法

4、在删除按钮中添加点击事件,并调用删除方法,点击删除即可删除整个div节点,删除后页面如下

js删除节点的方法

5、还可以使用remo箪滹埘麽veChild方法删除子节点,在方法里面添加的参数表示删除div的第一个子节点,也可以选择div1.lastChild,表示div的最后一个节点等

js删除节点的方法

6、点击删除按钮,删除子节点后页面如下

js删除节点的方法

© 一点知识