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