单击时显示HTML元素的源代码

Question

我想在单击元素时在文本框内的网页上显示元素的源代码。是否可以在单击元素时使用onClick属性获取元素的源代码，然后在文本框中显示元素？

Answer 1

是的，这当然是可能的。以下代码is demonstrated here，并在单击文本时显示源代码。

Here's an example页面上包含更多元素（单击时会在文本框中显示这些元素。）               

<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>