在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
方法来复制对象。