javascript - 单击时显示 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>