Copy a table on a web page through JavaScript script_javascript skills

<input onclick="CopyTable()" type="button" value="复制测试表格"> <input onclick="PastClipboardData()" type="button" value="将剪切板内容输出到编辑器中"> test <table id="oTable" border="1"> <tbody> <tr> <td>测试表格</td> <td>测试表格</td> </tr> <tr> <td>测试表格</td> <td>测试表格</td> </tr> </tbody> </table>Text <iframe id="editor" src="about:blank"></iframe>
[Ctrl A Select all Note: If you need to introduce external Js, you need to refresh to execute it

]

This function is realized , but I feel a little unhappy because I have to use the HTML editor. However, from the code of the HTML editor, I noticed the createTextRange() method. This method has been used before, but I have never studied it in depth. In Msdn, I found that only objects such as Body and TextArea support the createTextRange() method. I continued to check it carefully in msdn. CreateTextRange() returns a TextRange object. I continued to check the TextRange object and found that it has many methods. I gave it a try first. findText method, I found that only text can be selected, but objects cannot be selected. I continued to search, and finally found that moveToElementText is the method we are looking for:

<input type="button" value="选中测试表格" onclick="CopyTable()"><table border="1" id="oTable"> <tr> <td>测试表格</td> <td>测试表格</td> </tr> <tr> <td>测试表格</td> <td>测试表格</td> </tr> </table> test Text
[Ctrl A select all Note:

If you need to introduce external Js, you need to refresh to execute ]