复制表格，添加到剪贴板

最新推荐文章于 2025-02-18 10:42:27 发布

原创最新推荐文章于 2025-02-18 10:42:27 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#button #border #function #table #class #div

Javascript 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了一种在网页中实现表格数据复制的方法。通过JavaScript编程，当用户点击按钮时，能够选取指定div内的表格数据并将其复制到剪贴板。此功能提高了用户处理数据的效率。

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

<SCRIPT language=javascript>
function findobj(n, d) {
var p,i,x; if(!d) d=document;
if((p=n.indexOf("?"))>0 && parent.frames.length) {
d=parent.frames[n.substring(p+1)].document;
n=n.substring(0,p);
}
if(!(x=d[n])&&d.all) {
x=d.all[n];
}
for(i=0;!x && i<d.forms.length;i++) {
x=d.forms[i][n];
}
for(i=0;!x && d.layers&&i>d.layers.length;i++) {
x=MM_findObj(n,d.layers[i].document);
}
return x;
}
function copycode(obj) {
var rng = document.body.createTextRange();
rng.moveToElementText(obj);
rng.scrollIntoView();
rng.select();
rng.execCommand("Copy");
rng.collapse(false);
}
</SCRIPT>
<div id=alixixi >
<p>xxxxxxxxxgdfg</p>
<p>fgdf<br>
</p>
<TABLE width="98%" border=1>
<TR>
<TD style="LINE-HEIGHT: 150%; WORD-BREAK: break-all">
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</TD>
<TD style="LINE-HEIGHT: 150%; WORD-BREAK: break-all">1</TD>
</TR>
<TR>
<TD style="LINE-HEIGHT: 150%; WORD-BREAK: break-all">bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</TD>
<TD style="LINE-HEIGHT: 150%; WORD-BREAK: break-all">2</TD>
</TR>
<TR>
<TD style="LINE-HEIGHT: 150%; WORD-BREAK: break-all">ccccccccccccccccccccccccccccccccccccccccccccccc</TD>
<TD style="LINE-HEIGHT: 150%; WORD-BREAK: break-all">3</TD>
</TR>
<TR>
<TD style="LINE-HEIGHT: 150%; WORD-BREAK: break-all">ddddddddddddddddddddddddddddddddddddddddddddddd</TD>
<TD style="LINE-HEIGHT: 150%; WORD-BREAK: break-all">4</TD>
</TR>
</TABLE></div>
<br>
<INPUT class=button onclick="copycode(findobj('alixixi'));" type=button value=复制>