DOM節點的克隆函數cloneNode()
可用于創建當前節點的一個副本。該函數接受一個布爾參數,指定是否克隆當前節點的所有子節點。
以下是使用cloneNode()
函數的示例:
// 獲取要克隆的節點
var originalNode = document.getElementById("original");
// 克隆節點
var clonedNode = originalNode.cloneNode(true);
// 將克隆的節點插入到文檔中
document.body.appendChild(clonedNode);
在上面的示例中,首先使用getElementById()
方法獲取一個具有id
為"original"的節點。然后,使用cloneNode(true)
創建該節點的一個副本,并將克隆的節點插入到文檔中。
需要注意的是,cloneNode()
函數會創建當前節點的一個淺拷貝,意味著克隆的節點會具有與原始節點相同的屬性和屬性值,但是不會克隆原始節點的事件處理程序。如果需要克隆節點的所有子節點,需要將cloneNode()
函數的參數設置為true
。