在JavaScript中,cloneNode()
方法用于復制一個節點,返回復制的節點副本。
cloneNode()
方法可以在Document
對象、DocumentFragment
對象以及Element
對象上調用。
使用方法如下:
// 在Document對象上使用cloneNode()方法
var originalNode = document.getElementById('originalNode');
var clonedNode = originalNode.cloneNode(true); // 參數為true表示復制節點及其子節點
// 在DocumentFragment對象上使用cloneNode()方法
var fragment = document.createDocumentFragment();
var originalNode = document.createElement('div');
fragment.appendChild(originalNode);
var clonedNode = originalNode.cloneNode(true); // 參數為true表示復制節點及其子節點
// 在Element對象上使用cloneNode()方法
var originalNode = document.getElementById('originalNode');
var clonedNode = originalNode.cloneNode(true); // 參數為true表示復制節點及其子節點
上述例子中,cloneNode(true)
表示復制節點及其所有子節點,如果參數為false
,則只復制節點本身。
注意:cloneNode()
方法復制的節點副本并不會保留事件處理程序等綁定的數據。如果需要復制事件處理程序等綁定的數據,可以使用其他方法,如使用clone
方法來復制對象。