通過js腳本復制網(wǎng)頁上的一個表格的不錯實現(xiàn)方法
更新時間：2006年12月29日 00:00:00 作者：
今天有人問我一個問題：如何通過js腳本復制網(wǎng)頁上的一個表格？看起來似乎比較有難度，不過還是搞定了，順便把解決這個問題的過程記錄下來，希望能對寫腳本的兄弟們有所幫助。
以前沒有寫過這種腳本，不過想起來前不久剛看到一個腳本可以實現(xiàn)全選HTML編輯器的內(nèi)容，于是想到一個方案：使用腳本將該表格插入HTML編輯器中，然后全選HTML編輯器內(nèi)容，執(zhí)行HTML編輯器的復制命令，即可實現(xiàn)復制表格功能，很快搞定：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
這樣子功能是實現(xiàn)了，不過覺得有點不爽，必須借助HTML編輯器才可，不過從全選HTML編輯器的代碼中，注意到了createTextRange()方法，這個方法以前就有用過，只是一直沒深入研究過。在Msdn中發(fā)現(xiàn)只有Body、TextArea等對象支持createTextRange()方法，繼續(xù)在msdn中仔細查閱了一下，createTextRange()返回的是一個 TextRange 對象，繼續(xù)查閱 TextRange 對象，發(fā)現(xiàn)其有很多方法，先試了試findText方法，發(fā)現(xiàn)只能選中文字，不能選中對象，繼續(xù)找，終于發(fā)現(xiàn)了moveToElementText就是我們要找的方法：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
類似于這樣的問題，可以想想以前有無寫過見過類似的代碼，如果沒有也可以網(wǎng)上用關鍵字搜索一把，直接利用現(xiàn)有知識解決。msdn是一個非常好的寶庫，就如小學學漢字的字典一樣，從里面可以找到絕大部分所需要的資料。正應了那句話，自己動手豐衣足食：）
以前沒有寫過這種腳本，不過想起來前不久剛看到一個腳本可以實現(xiàn)全選HTML編輯器的內(nèi)容，于是想到一個方案：使用腳本將該表格插入HTML編輯器中，然后全選HTML編輯器內(nèi)容，執(zhí)行HTML編輯器的復制命令，即可實現(xiàn)復制表格功能，很快搞定：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
這樣子功能是實現(xiàn)了，不過覺得有點不爽，必須借助HTML編輯器才可，不過從全選HTML編輯器的代碼中，注意到了createTextRange()方法，這個方法以前就有用過，只是一直沒深入研究過。在Msdn中發(fā)現(xiàn)只有Body、TextArea等對象支持createTextRange()方法，繼續(xù)在msdn中仔細查閱了一下，createTextRange()返回的是一個 TextRange 對象，繼續(xù)查閱 TextRange 對象，發(fā)現(xiàn)其有很多方法，先試了試findText方法，發(fā)現(xiàn)只能選中文字，不能選中對象，繼續(xù)找，終于發(fā)現(xiàn)了moveToElementText就是我們要找的方法：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
類似于這樣的問題，可以想想以前有無寫過見過類似的代碼，如果沒有也可以網(wǎng)上用關鍵字搜索一把，直接利用現(xiàn)有知識解決。msdn是一個非常好的寶庫，就如小學學漢字的字典一樣，從里面可以找到絕大部分所需要的資料。正應了那句話，自己動手豐衣足食：）
相關文章
這篇文章主要介紹了JS數(shù)組搜索之折半搜索實現(xiàn)方法,結(jié)合具體實例形式分析了javascript數(shù)組折半搜索算法的原理、實現(xiàn)技巧與相關注意事項,需要的朋友可以參考下2017-03-03
js無縫滾動，圖片無縫滾動，文字無縫滾動，基于js代碼如何實現(xiàn)，本篇文章給大家詳解js代碼實現(xiàn)無縫滾動(文字和圖片)，需要的朋友可以參考下2015-08-08
這篇文章主要介紹了小程序5種路由方法使用場景，封裝路由文件和路由方法，提升小程序體驗和開發(fā)效率，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-05-05
JavaScript封裝Vue-Router實現(xiàn)流程詳解
這篇文章主要介紹了JavaScript封裝Vue-Router實現(xiàn)流程，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-09-09
這篇文章主要介紹了帶左右箭頭圖片輪播的JS代碼，有需要的朋友可以參考一下2013-12-12
JavaScript利用正則表達式替換字符串中的內(nèi)容
本文主要介紹了JavaScript利用正則表達式替換字符串中內(nèi)容的具體實現(xiàn)方法，并做了簡要注釋，便于理解。具有一定的參考價值，需要的朋友可以看下2016-12-12
web3.js增加eth.getRawTransactionByHash(txhash)方法步驟
這篇文章主要介紹了web3.js增加eth.getRawTransactionByHash(txhash)方法步驟,需要的朋友可以參考下2018-03-03
瀏覽器事件指載入文檔直到該文檔被關閉期間的瀏覽器事件，如瀏覽器載入文檔事件onload、關閉該文檔事件onunload、瀏覽器失去焦點事件onblur、獲得焦點事件onfocus 等2012-03-03
這篇文章為大家分享了一個超精準的javascript驗證身份證號的具體實現(xiàn)方法，根據(jù)身份證號對其進行性別的判定，感興趣的小伙伴們可以參考一下2015-11-11
深入學習 JavaScript中的函數(shù)調(diào)用
可能很多人在學習 JavaScript 過程中碰到過函數(shù)參數(shù)傳遞方式的迷惑，本著深入的精神，我給大家分享了一篇教程關于javascript中的函數(shù)調(diào)用知識，感興趣的朋友一起學習吧2017-03-03