javascript - 点击时显示 HTML 元素的源代码

Question

我想在单击元素时在文本框内的网页上显示元素的源代码。是否可以在单击元素时（使用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>