JavaScript实现JQuery的insertAfter功能

JQuery的insertAfter方法

- 定义和用法
JavaScript实现JQuery的insertAfter功能_第1张图片

实例:





我是盒子1
我是盒子2
我是盒子3

- 实现结果:div_1插入到div_3之后
JavaScript实现JQuery的insertAfter功能_第2张图片

JavaScript的insertBefore()方法

- 定义和用法
1634158-20191114210108909-1044820729.png

JavaScript实现JQuery的insertAfter功能_第3张图片

实例:


我是盒子1
我是盒子2
我是盒子3

注意
body的子节点在控制台输出方便插入使用,此处的DOM节点如下:
1634158-20191114210127844-21518034.png

HTML中的DOM节点

JavaScript实现JQuery的insertAfter功能_第4张图片

详细参见:w3cSchool HTML DOM 介绍

你可能感兴趣的:(web前端)