js节点操作之复制(克隆)节点node.cloneNode()

[复制链接]
查看2077 | 回复0 | 2020-2-21 09:36 | 显示全部楼层 |阅读模式
node.cloneNode()方法返回调用该方法的节点的一个副本。也称为克隆节点/拷贝节点。
使用方法案例:
注意:
1.如果括号参数为空或者为false ,则是浅拷贝,即只克隆复制节点本身,不克隆里面的子节点。
2.如果括号参数为true , 则是深度拷贝,会复制节点本身以及里面所有的子节点。
  1.     <ul>
  2.         <li>自丢网</li>
  3.         <li>教程网</li>
  4.         <li>模板网</li>
  5.     </ul>
  6.     <script>
  7.         var ul = document.querySelector('ul');
  8.         var li1 = ul.children[0].cloneNode(true);
  9.         console.log(li1);
  10.     </script>
复制代码
输出结果:

js节点操作之复制(克隆)节点node.cloneNode()

js节点操作之复制(克隆)节点node.cloneNode()


您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

UID
1
贡献
387
丢币
38902
主题
4607
回帖
116
注册时间
2018-9-25
最后登录
2024-4-16