2016-09-20 48 views
-8
<!DOCTYPE html> 
<html> 
<body> 
<h1>Change an HTML element</h1> 
<p id="msg">Now you see me.</p> 
<button type="button" 
onclick="document.getElementById('msg').innerHTML = 'Gone!'"> 
Click Me!</button> 
<button type="button" 
onclick="document.getElementById('msg').innerHTML = 'Back again!'"> 
Bring me back!</button> 
</body> 
</html> 

有人可以解釋這是什麼嗎?這是什麼HTML和JS做的?

+4

恕我直言,這是爲了googleable,你應該感到羞恥 –

+1

您的代碼:https://jsfiddle.net/L8Lushqx/ – Sabik

+0

喲THX奧雅納從來沒有見過這種類型的網站!它真棒現在我可以做到這一點:) – NubCoder

回答

-1

當你點擊第一個按鈕時,它會觸發一個onclick事件屬性。您已通過事件通過'msg'的ID查找元素。以上是<p>標籤。

它找到它,然後用字符串「Gone!」替換「Now you see me」的innerHTML值。與第二個按鈕幾乎相同的事情發生。

您可以通過下面的網站了解更多信息。 http://www.w3schools.com/tags/ev_onclick.asp