关于insertBefore是怎么使用的
大家好，又见面了，我是你们的朋友全栈君。
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.cn/155237.html原文链接：https://javaforall.cn
腾讯云开发者
