點擊顯示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>