在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方法來復制對象。