JavaScript script_javascript 기술을 통해 웹 페이지의 테이블 복사

<input onclick="CopyTable()" type="button" value="复制测试表格"> <input onclick="PastClipboardData()" type="button" value="将剪切板内容输出到编辑器中"> 시험 <table id="oTable" border="1"> <tbody> <tr> <td>测试表格</td> <td>测试表格</td> </tr> <tr> <td>测试表格</td> <td>测试表格</td> </tr> </tbody> </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 select all 참고:

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