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

<INPUT onclick=CopyTable() type=button value=复制测试表格> <INPUT onclick=PastClipboardData() type=button value=将剪切板内容</script></pre>输出到编辑器中> 测试 <TABLE id=oTable border=1> <TBODY> <TR> <TD>测试表格</TD> <TD>测试表格</TD></TR> <TR> <TD>测试表格</TD> <TD>测试表格</TD></TR></TBODY></TABLE>文字 <SCRIPT language=JavaScript> </body>"); // 初始化编辑器 editor.document.body.innerHTML = obj.outerHTML; editor.document.body.createTextRange().select(); // 选中编辑器内所有内容 editor.document.execCommand("copy","",null); // 复制 } function PastClipboardData() { editor.focus(); editor.document.execCommand("paste","",null); // 粘贴 } --> </SCRIPT>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
这样子功能是实现了，不过觉得有点不爽，必须借助HTML编辑器才可，不过从全选HTML编辑器的代码中，注意到了createTextRange()方法，这个方法以前就有用过，只是一直没深入研究过。在Msdn中发现只有Body、TextArea等对象支持createTextRange()方法，继续在msdn中仔细查阅了一下，createTextRange()返回的是一个 TextRange 对象，继续查阅 TextRange 对象，发现其有很多方法，先试了试findText方法，发现只能选中文字，不能选中对象，继续找，终于发现了moveToElementText就是我们要找的方法：
<INPUT TYPE="button" value="选中测试表格" onclick="CopyTable()"> 测试 <TABLE border="1" id="oTable"> <TR> <TD>测试表格</TD> <TD>测试表格</TD> </TR> <TR> <TD>测试表格</TD> <TD>测试表格</TD> </TR> </TABLE>文字 <SCRIPT LANGUAGE="JavaScript"> </SCRIPT>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]