大家好，又见面了，我是你们的朋友全栈君。
insertBefore接收两个参数 第一个参数是将要进行插前操作的对象 第二个参数是被插前的对象 也可以称为参考对象
调用者为你要操作的元素的父级 如下例：
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Document</title>
</head>
<body>
<div>
<p>张无忌</p>
<p>张三丰</p>
</div>
<script>
var p1 = document.getElementsByTagName(‘p’)[0]
var p2 = document.getElementsByTagName(‘p’)[1]
var div = document.getElementsByTagName(‘div’)[0]
let newReturn = div.insertBefore(p2, p1)
console.log(newReturn === p2);
</script>
</body>
</html>
学会了这个例子 你就掌握了InsertBefore的用法了 下期我会带大家封装一个原生dom里没有的insertAfter的函数，请关注前端小曹！谢谢支持，下期见
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
发布者：全栈程序员-用户IM，转载请注明出处：https://javaforall.cn/155237.html原文链接：https://javaforall.cn
【正版授权，激活自己账号】： Jetbrains全家桶Ide使用，1年售后保障，每天仅需1毛
【官方授权 正版激活】： 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...
![linux查看当前用户信息及其用户切换[通俗易懂]](http://javaforall.cn/wp-content/themes/justnews/themer/assets/images/lazy.png)