js中如何添加、删除html节点

 时间:2024-10-30 04:36:04

1、新建一个html文件,命名为test.html,用于讲解js如何添加、删除html节点。

js中如何添加、删除html节点

2、在test.html页面,新建两个上传附近的html节点,并使用css设置其中一个节点隐藏,隐藏的节点主要用于下面添加节点。

js中如何添加、删除html节点

3、在html节点的下面增加一个“增加附件”的a标签,用于添加html节点,代码如下:

js中如何添加、删除html节点

4、给“增加附件”a标签绑定onclick点击事件,当其被点击时,执行AddChild()函数来增加节点。

js中如何添加、删除html节点

5、获得id为TplNode的ul对象,对该对象使用cloneNode()方法克隆该节点,并把克隆的节点使用appendChild()方法添加至id为UpFiles的ul的后面。

js中如何添加、删除html节点

6、给ul两个html节点绑定onclick点击事件,当其被点击时,执行DelChild()函数来删除节点。在DelChild()函数内,获得当前帏渍栉啻删除的节点的父节点,使用removeChild()方法来删除。

js中如何添加、删除html节点

7、在浏览器运行test.html页面,点击“增加附件”,实现添加html节点,点击“删除”,实现删除当前的html节点。

js中如何添加、删除html节点js中如何添加、删除html节点js中如何添加、删除html节点
  • 原神月章金句活动怎么做
  • 原神中如何查看留影机物品的解说
  • 原神庄园烤松饼怎么获得
  • 原神pv足迹涉及几个地区答案
  • 异次元主公如何强化战装
  • 热门搜索
    重庆市区旅游景点 英国旅游费用 福建有哪些旅游景点 雪野湖旅游区 桂林旅游政务网 三亚旅游景点大全 杜马盖地旅游 过年旅游 庄河旅游景点大全 阳西沙扒湾旅游攻略