Question

JS代码中div的复制怎么实现

通过点击 复制按钮 实现对已有div里面所有内容的复制 即又新生成一个一摸一样的div

Answer 1

用cloneNode

定义和用法
cloneNode() 方法可创建指定的节点的精确拷贝。

此方法可返回所复制的节点。

语法：
nodeObject.cloneNode(include_all)参数 描述
include_all 必需。假如逻辑参数被设置为真，那么被克隆的节点会克隆原节点的所有子节点。

返回值
当前节点的副本。

说明
该方法将复制并返回调用它的节点的副本。如果传递给它的参数是 true，它还将递归复制当前节点的所有子孙节点。否则，它只复制当前节点。

返回的节点不属于文档树，它的 parentNode 属性为 null。

当复制的是 Element 节点时，它的所有属性都将被复制。但要注意，当前节点上注册的事件监听器函数不会被复制。

Answer 2

<script type="javascript">
function copyInnerHtml(objId)
{
var obj = document.getElementByID(objId);
window.clipboardData.setData("Text", obj.innerHTML);
}
</script>
<div id="content001">
<table>
<tr>
<td>Text Here </td>
</tr>
</table>
</div>
<a href="#" onclick='copyInnerHtml("content001");'>复制</a>

Answer 3

<script type="text/javascript">function copyText(obj)
{
var rng = document.body.createTextRange();
rng.moveToElementText(obj);
rng.scrollIntoView();
rng.select();
rng.execCommand("Copy");
rng.collapse(false);
alert("复制成功!");
}
</script>

以下是代码片段：<br />
<br />
<div id="tbid">http://www.951ly.com</div>
[<a href="#" onclick="copyText(document.all.tbid)">点击复制</a>]<br/><br/>
<div id="tbid2">http://www.951ly.com/a/yulebagua/</div>
[<a href="#" onclick="copyText(document.all.tbid2)">点击复制</a>]<br/><br/>

注意ID