JavaScript DOM节点clonenode()方法示例
<!DOCTYPE html>
<html>
<body style ="background-color:green">
<ul id="myList1"><li>苹果</li><li>香蕉</li></ul>
<ul id="myList2"><li>荔枝</li><li>火龙果</li></ul>
复制项
<button onclick="myFunction()">复制</button>
<script type="text/javascript">
function myFunction()
{
var itm = document.getElementById("myList2").lastChild;
var cln = itm.cloneNode(true);
document.getElementById("myList1").appendChild(cln);
}
</script>
</body>
</html>
JavaScript DOM节点clonenode()方法
- Node对象用于在HTML文档中表示和添加节点。
- clonenode()方法创建所有属性和节点值的副本，并返回节点的克隆。
语法
DOM节点对象的clonenode()方法具有以下语法
node.cloneNode(deep)
注意如果我们想克隆所有后代，那么Deep参数的值设置为true，否则设置为false。
日期：2020-04-18 01:09:23 来源：oir作者：oir