javascript - クリック時にHTML要素のソースコードを表示

Question

要素がクリックされたときに、テキストボックス内のWebページに要素のソースコードを表示したい。要素がクリックされたときに（onClickプロパティを使用して）要素のソースコードを取得し、テキストボックス内に要素を表示することは可能ですか？

Answer 1

はい、それは確かに可能です。次のコードはここに示され、テキストがクリックされたときにソースコードを表示します。

これは、ページ上にさらに多くの要素がある例です（クリックするとすべてテキストボックスに表示されます）。

<script type = "text/javascript">
function showSourceCode(toShow){
    sourceCode.value = toShow.innerHTML;
}
</script>

<p onclick = "showSourceCode(this);">
    <b>Show source code on click!</b>
</p>

<input type="text" id = sourceCode></input>


</body>
</html>