js script_javascript 기술을 통해 웹 페이지의 테이블을 복사하는 좋은 방법

오늘 누군가 나에게 질문을 했습니다. js 스크립트를 통해 웹 페이지의 테이블을 복사하는 방법은 무엇입니까? 더 어려울 것 같지만 그래도 해냈습니다. 그런데, 이 문제를 해결하는 과정을 기록해 두었는데, 대본을 쓰는 형제들에게 도움이 되었으면 좋겠습니다.

이런 스크립트를 한번도 작성해본 적이 없는데, 얼마전에 HTML 편집기의 모든 내용을 선택할 수 있는 스크립트를 본 기억이 나서 계획을 생각해 봤습니다. 스크립트를 사용하여 삽입하는 것입니다. 그런 다음 HTML 편집기에서 모든 콘텐츠를 선택하고 HTML 편집기의 복사 명령을 실행하여 테이블 복사 기능을 실현하고 빠르게 완료합니다.

<input type="button" value="复制测试表格" onclick="CopyTable()"> <input type="button" value="将剪切板内容输出到编辑器中" onclick="PastClipboardData()"> 시험 <table border="1" id="oTable"> <tr> <td>测试表格</td> <td>测试表格</td> </tr> <tr> <td>测试表格</td> <td>测试表格</td> </tr> </table>텍스트 <iframe id="editor" src="about:blank"></iframe>
[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다.

]

이 기능은 구현되어 있는데 HTML에디터를 이용해야 해서 조금 아쉽네요.. 그런데 HTML에디터의 코드를 보니 createTextRange() 메소드가 이전에 사용된 적이 있는데 한번도 연구해 본 적이 없습니다. 깊이 있게 말이죠. Msdn에서는 Body, TextArea 등의 개체만 createTextRange() 메서드를 지원하는 것으로 나타났습니다. msdn에서 계속해서 자세히 확인했는데, CreateTextRange()가 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> 시험 텍스트
[Ctrl A 모두 선택 참고:

외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다.
]