dom克隆节点

最新推荐文章于 2024-06-25 20:23:09 发布

yangxiaojun9238

最新推荐文章于 2024-06-25 20:23:09 发布

阅读量464

点赞数

分类专栏： JAVASCRIPT学习笔记文章标签： button input action function html div

本文链接：https://blog.csdn.net/yangxiaojun9238/article/details/7319592

版权

JAVASCRIPT学习笔记专栏收录该内容

21 篇文章 0 订阅

订阅专栏

<html>
 
<head>
 
<title>Clone Demo</title>
 
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
 
</head>
 
<body>
 
<p id="p1">This is a <em>test</em> of cloning</p>
 
<hr />
 
<div id="inserthere" style="background-color: yellow;">
 
</div>
 
<hr />
 
<script type="text/javascript"> 
 
<!-- 
 
function cloneAndCopy(nodeId, deep)
 
{
 
 var toClone = document.getElementById(nodeId);
 
 var clonedNode = toClone.cloneNode(deep);
 
 var insertPoint = document.getElementById('inserthere');
 
 insertPoint.appendChild(clonedNode);
 
}
 
//-->
 
</script>
 
<form action="#" method="get">
 
  <input type="button" value="Clone"
 
         οnclick="cloneAndCopy('p1',false);" /><br />
 
  <input type="button" value="Clone Deep"
 
         οnclick="cloneAndCopy('p1',true);" />
 
</form>
 
</body>
 
</html>