通过JavaScript脚本复制网页上的一个表格

苦茶子12138

已于 2022-09-22 19:26:01 修改

阅读量391

点赞数

分类专栏： Java带师~ 文章标签： javascript servlet java

于 2022-09-02 08:34:24 首次发布

本文链接：https://blog.csdn.net/cqn2bd2b/article/details/126635648

版权

Java带师~ 专栏收录该内容

20 篇文章 0 订阅 ¥59.90 ¥99.00

订阅专栏

超级会员免费看

这篇博客介绍了如何通过JavaScript来复制网页上的一个表格。首先，通过`CopyHtmlElement`函数借助HTML编辑器实现复制，然后发现`createTextRange()`方法并研究其`moveToElementText`属性，最终实现直接选中并复制表格的功能，无需依赖HTML编辑器。

摘要由CSDN通过智能技术生成

<INPUT TYPE="button" value="复制测试表格" οnclick="CopyTable()">
<INPUT TYPE="button" value="将剪切板内容输出到编辑器中" οnclick="PastClipboardData()"><BR>
测试
<TABLE border="1" id="oTable">
<TR>
<TD>测试表格</TD>
<TD>测试表格</TD>
</TR>
<TR>
<TD>测试表格</TD>
<TD>测试表格</TD>
</TR>
</TABLE>文字<BR><BR>
<iframe id="editor" src="about:blank"></iframe>
<SCRIPT LANGUAGE="JavaScript">
<!--
function CopyTable()
{
CopyHtmlElement(oTable)
}

function CopyHtmlElement(obj)
{
editor.document.designMode = 'On'; // 将iframe变成可编辑模式,即HTML编辑器
editor.document.write("<body></body>&#

了解本专栏

超级会员免费看

苦茶子12138

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
通过JavaScript脚本复制网页上的一个表格

INPUT TYPE="button" value="将剪切板内容输出到编辑器中" onclick="PastClipboardData()">editor.document.write("");测试表格
复制链接

扫一扫