关于insertBefore是怎么使用的

关于insertBefore是怎么使用的insertBefore接收两个参数第一个参数是将要进行插前操作的对象第二个参数是被插前的对象也可以称为参考对象调用者为你要操作的元素的父级如下例:<!DOCTYPE ht

大家好,又见面了,我是你们的朋友全栈君。

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账号...

(0)


相关推荐

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号