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
。