大家好，又见面了，我是你们的朋友全栈君。
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的函数，请关注前端小曹！谢谢支持，下期见
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/155237.html原文链接：https://javaforall.net
![ESCMScript（1）let和const[通俗易懂]](https://javaforall.net/wp-content/uploads/2020/11/2020110817443450-480x300.jpg)
