JS DOM标签元素 复制和替换

JS DOM标签元素 复制和替换

文章目录

元素的复制 :A.CloneNode(B)

A表示 需要被复制的元素对象
B表示 参数,当传入true表示连带子节点一并复制,false表示复制节点本身,不包括子节点

<body>
  <div class="wrap">
    <p>小情歌</p>
  </div>
  
  <script>
    let oWrap = document.querySelector(".wrap")

    let oCopy = oWrap.cloneNode(true)
    oWrap.appendChild(oCopy)
  </script>
</body>

请添加图片描述

元素的替换 :A.replaceChild(B,C)

在元素A中,将B元素替换掉C元素

<body>
  <div class="wrap">
    <p class="b">小情歌</p>
    <p class="c">Hello World</p>
  </div>

  <script>
    let oWrap = document.querySelector(".wrap")
    let oB = document.querySelector(".b")
    let oC = document.querySelector(".c")

    oWrap.replaceChild(oB,oC)
  </script>
</body>

请添加图片描述

版权声明：本文为qq_46275230原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。