通过js脚本复制网页上的一个表格的不错实现方法
更新时间：2006年12月29日 00:00:00 作者：
今天有人问我一个问题：如何通过js脚本复制网页上的一个表格？看起来似乎比较有难度，不过还是搞定了，顺便把解决这个问题的过程记录下来，希望能对写脚本的兄弟们有所帮助。
以前没有写过这种脚本，不过想起来前不久刚看到一个脚本可以实现全选HTML编辑器的内容，于是想到一个方案：使用脚本将该表格插入HTML编辑器中，然后全选HTML编辑器内容，执行HTML编辑器的复制命令，即可实现复制表格功能，很快搞定：
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
这样子功能是实现了，不过觉得有点不爽，必须借助HTML编辑器才可，不过从全选HTML编辑器的代码中，注意到了createTextRange()方法，这个方法以前就有用过，只是一直没深入研究过。在Msdn中发现只有Body、TextArea等对象支持createTextRange()方法，继续在msdn中仔细查阅了一下，createTextRange()返回的是一个 TextRange 对象，继续查阅 TextRange 对象，发现其有很多方法，先试了试findText方法，发现只能选中文字，不能选中对象，继续找，终于发现了moveToElementText就是我们要找的方法：
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
类似于这样的问题，可以想想以前有无写过见过类似的代码，如果没有也可以网上用关键字搜索一把，直接利用现有知识解决。msdn是一个非常好的宝库，就如小学学汉字的字典一样，从里面可以找到绝大部分所需要的资料。正应了那句话，自己动手丰衣足食：）
以前没有写过这种脚本，不过想起来前不久刚看到一个脚本可以实现全选HTML编辑器的内容，于是想到一个方案：使用脚本将该表格插入HTML编辑器中，然后全选HTML编辑器内容，执行HTML编辑器的复制命令，即可实现复制表格功能，很快搞定：
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
这样子功能是实现了，不过觉得有点不爽，必须借助HTML编辑器才可，不过从全选HTML编辑器的代码中，注意到了createTextRange()方法，这个方法以前就有用过，只是一直没深入研究过。在Msdn中发现只有Body、TextArea等对象支持createTextRange()方法，继续在msdn中仔细查阅了一下，createTextRange()返回的是一个 TextRange 对象，继续查阅 TextRange 对象，发现其有很多方法，先试了试findText方法，发现只能选中文字，不能选中对象，继续找，终于发现了moveToElementText就是我们要找的方法：
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
类似于这样的问题，可以想想以前有无写过见过类似的代码，如果没有也可以网上用关键字搜索一把，直接利用现有知识解决。msdn是一个非常好的宝库，就如小学学汉字的字典一样，从里面可以找到绝大部分所需要的资料。正应了那句话，自己动手丰衣足食：）
相关文章
这篇文章主要介绍了JS数组搜索之折半搜索实现方法,结合具体实例形式分析了javascript数组折半搜索算法的原理、实现技巧与相关注意事项,需要的朋友可以参考下2017-03-03
js无缝滚动，图片无缝滚动，文字无缝滚动，基于js代码如何实现，本篇文章给大家详解js代码实现无缝滚动(文字和图片)，需要的朋友可以参考下2015-08-08
这篇文章主要介绍了小程序5种路由方法使用场景，封装路由文件和路由方法，提升小程序体验和开发效率，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-05-05
这篇文章主要介绍了JavaScript封装Vue-Router实现流程，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-09-09
这篇文章主要介绍了带左右箭头图片轮播的JS代码，有需要的朋友可以参考一下2013-12-12
本文主要介绍了JavaScript利用正则表达式替换字符串中内容的具体实现方法，并做了简要注释，便于理解。具有一定的参考价值，需要的朋友可以看下2016-12-12
web3.js增加eth.getRawTransactionByHash(txhash)方法步骤
这篇文章主要介绍了web3.js增加eth.getRawTransactionByHash(txhash)方法步骤,需要的朋友可以参考下2018-03-03
浏览器事件指载入文档直到该文档被关闭期间的浏览器事件，如浏览器载入文档事件onload、关闭该文档事件onunload、浏览器失去焦点事件onblur、获得焦点事件onfocus 等2012-03-03
这篇文章为大家分享了一个超精准的javascript验证身份证号的具体实现方法，根据身份证号对其进行性别的判定，感兴趣的小伙伴们可以参考一下2015-11-11
可能很多人在学习 JavaScript 过程中碰到过函数参数传递方式的迷惑，本着深入的精神，我给大家分享了一篇教程关于javascript中的函数调用知识，感兴趣的朋友一起学习吧2017-03-03
最新评论