JS元素复制

最新推荐文章于 2024-06-01 18:37:55 发布

漫天雪_昆仑巅

最新推荐文章于 2024-06-01 18:37:55 发布

阅读量4.7k

点赞数 6

分类专栏： JavaScript 文章标签： html页面复制元素复制 Jquery元素复制 js元素复制 js内容复制

本文链接：https://blog.csdn.net/vtopqx/article/details/89156798

版权

JavaScript 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

JS实现元素复制，使用克隆的方式，

如下图：

代码如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JS元素复制</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
</head>
<body>
<script>

var i =1;  
function tianjia() { 
	var sourceNode = document.getElementById("div-0"); // 获得被克隆的节点对象   
	var clonedNode = sourceNode.cloneNode(true); // 克隆节点   
	clonedNode.setAttribute("id", "div-" + i); // 修改一下id 值，避免id 重复   
	sourceNode.parentNode.appendChild(clonedNode); // 在父节点插入克隆的节点   
	i=i+1;   
}  

</script>

<div id="main">   
	<div id="div-0">   
		<span>"div---"</span>   
	</div>   
<button id="btn1" onclick="tianjia()">复制</button>  
</div>   
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

漫天雪_昆仑巅

关注关注

6
点赞
踩
9

收藏

觉得还不错? 一键收藏
2
评论
JS元素复制

JS实现元素复制，使用克隆的方式，如下图：代码如下：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>JS元素复制</title><script src="http://libs.baidu.com/jquery/1.9.0/jqu...
复制链接

扫一扫