JavaScript中的CloneNode()方法?

CloneNode()

这是一种用于将元素从一个列表克隆到另一个列表的方法。由javascript提供的cloneNode()方法创建节点的副本并返回克隆。它可以克隆所有属性及其值。 

语法

node.cloneNode();

示例

在下面的示例中,首先创建了两个列表,然后使用javascript方法“ cloneNode() ”将第二个列表中的一个元素克隆到第一个列表中,除复制外,什么也没有复制,并显示结果,如输出。

<html>
<body>
   <ul id="List1"><li>Tesla</li><li>SolarCity</li></ul>
   <ul id="List2"><li>Spacex</li><li>Hyperloop</li></ul>
<script>
   var item = document.getElementById("List2").firstChild;
   var cln = item.cloneNode(true);
   document.getElementById("List1").appendChild(cln);
</script>
</body>
</html>

输出结果

Tesla
SolarCity
Spacex

Spacex
Hyperloop