网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

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节点
© 2025 小知经验
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com