怎样获取div内的HTML代码并将其复制到剪贴板

来源：百度知道 编辑：UC知道 时间：2024/07/07 09:49:15
<div id="content001">
<table>
<tr>
<td>Text Here </td>
</tr>
</table>
</div>

用JS，怎样通过传递div的id参数来获取div里面包含的HTML代码，并将它们复制到剪贴板？

可以通过jquery的一个复制插件zclip来实现，因为它的兼容性非常好。

引入JS文件

<script src="jquery.min.js"></script> 
<script src="jquery.zclip.min.js"></script>

html代码：

<div style="margin:200px auto;width:300px;">
<input type="text" value="输入框中的内容" id="link"> 
<a id="copyBtn" href="javascript:;">复制链接</a> 
<div id="div_body">
    <span style="color:red;">这里是div中的html内容</span>
</div>
<a id="copyDiv" href="javascript:;">复制链接</a> 
</div>

JS代码：

<script>
    $('#copyBtn').zclip({
      &nb