HTML的cloneNode()方法怎么用

527
2023/9/17 23:46:22
栏目: 编程语言
开发者测试专用服务器限时活动,0元免费领,库存有限,领完即止! 点击查看>>

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空间可以设置边框吗