复制节点

 

   复制节点
    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 @   罗砂  阅读(61)  评论(0)  编辑  收藏  举报
相关博文：
· 元素操作之创建和添加节点
· 节点操作之父节点
· 复制节点（克隆节点）[ node.cloneNode() ]
· 节点操作（复制节点 克隆）
· 节点操作----- 删除节点
阅读排行：
· 阿里最新开源QwQ-32B，效果媲美deepseek-r1满血版，部署成本又又又降低了！
· 开源Multi-agent AI智能体框架aevatar.ai，欢迎大家贡献代码
· Manus重磅发布：全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· AI技术革命，工作效率10个最佳AI工具
点击右上角即可分享
微信分享提示
AI IDE Trae