复制节点

 

   复制节点
    node.cloneNode()
    node.cloneNode()方法返回调用该方法的节点的一个副本。也称为克隆节点/拷贝节点

 

 <body>
    <ul>
      <li>1</li>
      <li>2</li>
      <li>3</li>
    </ul>
  </body>
  <script>
   
    let ul = document.querySelector("ul");
    // 1.node.cloneNode( );括号为空或者里面是false 浅拷贝 只复制本身标签不复制里面的内容
    // 2.node.cloneNode(true);括号为true 深拷贝  复制标签复制里面的内容
    let lili = ul.children[0].cloneNode(true);
    ul.appendChild(lili);
    // 注意:
    // 1.如果括号参数为空或者为false，则是浅拷贝，只克隆复制节点本身，不可隆里面的子节点
    // 2.如果括号参数为true，则是深度拷贝，会复制节点本身以及里面所有的子节点
  </script>

 

posted @ 2022-04-18 11:25  罗砂  阅读(66)  评论(0)    收藏  举报