js删除节点的方法

 时间:2026-02-12 19:10:56

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、还可以使用removeChild方法删除子节点,在方法里面添加的参数表示删除div的第一个子节泉散点,也可以选择div1.lastChild,表示div的最后一个节点等

js删除节点的方法

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

js删除节点的方法

  • 豆瓣怎么玩?
  • 框架里面定义td或th标签的宽度无效怎么办
  • 如何用PHP往MySQL中插入数据
  • 关于html内嵌video的一些参数设置
  • SQL Server创建ID自增的表
  • 热门搜索
    新学期手抄报图片 关于手抄报的花边 小学生手抄报版面设计图 五年级手抄报 关于鸟的手抄报 民族团结手抄报花边 清明节手抄报花边 防灾减灾手抄报大全 二年级手抄报图片 神话故事手抄报图片