《JavaScript》节点操作之克隆节点

最新推荐文章于 2025-01-20 11:56:34 发布

glglgl1

最新推荐文章于 2025-01-20 11:56:34 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 开发语言

本文链接：https://blog.youkuaiyun.com/glglgl1/article/details/123743860

本文介绍如何使用JavaScript的cloneNode方法来复制DOM元素。通过实例演示了两种不同的克隆方式：浅拷贝仅复制标签，深拷贝同时复制标签及其内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<body>
		<ul>
			<li>1742</li>
			<li>125</li>
			<li>182</li>
			<li>1232</li>
			
		</ul>
		<script>
		var ul = document.querySelector('ul');
		//1.node.cloneNode();括号为空或者里面是false浅拷贝 只是复制标签不复制里面的内容
		//2.node.cloneNode(true);括号为true 深拷贝，复制标签和里面的内容
		var kiki = ul.children[0].cloneNode(true);
		ul.appendChild(kiki);

括号为空或者里面是false浅拷贝只是复制标签不复制里面的内容

var kiki = ul.children[0].cloneNode(true);