首页 > web前端 > js教程 > js如何创建、删除、追加及替换元素节点(附代码实例)

js如何创建、删除、追加及替换元素节点(附代码实例)

藏色散人
发布: 2022-08-06 17:26:57
转载
3042 人浏览过

本文主要给大家介绍js是如何创建、删除、追加及替换元素节点的,希望对需要的朋友有所帮助!

一.创建元素节点createElement   添加节点 node.appendChild(child)  -->node父级 child 子级 元素追加到最后面

效果图

 

 二.插入节点insertBefore node.insertBefore(child,指定元素)--> node父级 child 子级

效果图

 

三.删除节点 node.removeChild(child)--> node父级 child 子级

 四.替换节点   父级.replaceChild(节点对象1,节点对象2)-->第一个参数为新建的节点,第二个节点为被替换的节点

 效果图

 相关推荐:【JavaScript视频教程

 

以上是js如何创建、删除、追加及替换元素节点(附代码实例)的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:csdn.net
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板