代码:
node.cloneNode()
node.cloneNode() 方法返回调用该方法的节点的一个副本。 也称为克隆节点/拷贝节点
注意:
- 如果括号参数为空或者为 false ,则是浅拷贝,即只克隆复制节点本身,不克隆里面的子节点。
- 如果括号参数为 true ,则是深度拷贝,会复制节点本身以及里面所有的子节点。
案例:
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<script>
var ul=document.querySelector('ul');
// 1,node.cloneNode()
var lili=ul.children[0].cloneNode(); //浅拷贝
var lili=ul.children[0].cloneNode(true); //深拷贝
// 2,将克隆的节点添加到ul中去
ul.appendChild(lili);
</script>