复制节点
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>