点击显示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>