温馨提示×

HTML的cloneNode()方法怎么用

小亿
120
2023-09-12 23:46:22
栏目: 编程语言

HTML的cloneNode()方法用于创建当前节点的一个副本。这个方法参数为一个布尔值,表示是否复制节点的子元素。当参数为true时,会复制节点的所有子元素;当参数为false时,只复制当前节点本身。

下面是使用cloneNode()方法的示例代码:

<!DOCTYPE html>
<html>
<body>
<p id="myParagraph">Hello World!</p>
<script>
// 获取id为myParagraph的元素节点
var paragraph = document.getElementById("myParagraph");
// 克隆该元素节点,并复制子元素
var clonedParagraph = paragraph.cloneNode(true);
// 将克隆的元素节点添加到文档中
document.body.appendChild(clonedParagraph);
</script>
</body>
</html>

在上面的示例中,我们首先获取id为myParagraph的元素节点,然后使用cloneNode(true)方法创建该节点的一个副本,并复制了它的所有子元素。最后,将克隆的节点添加到文档中。

注意:cloneNode()方法只复制节点本身及其属性,不会复制事件监听器和JavaScript对象。

0