HTML的cloneNode()方法怎么用-开发者知识库平台

HTML的cloneNode()方法怎么用

html

677

2023/9/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对象。

辰迅云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>

HTML的cloneNode()方法怎么用

最新知识库

相关标签