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

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

效果图

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

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

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

效果图

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

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

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

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

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

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

效果图

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

相关推荐:【JavaScript视频教程

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

09-04 05:44