HTML文件中的每個以下代碼是什麼意思？

Question

<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> 

有人可以解釋每一行的含義嗎？

Answer 1

點擊按鈕時，它將搜索id =「msg」的元素並設置其內部HTML，即元素的內容。

https://jsfiddle.net/night11/qs3sL6qt/1/

<p id="msg">My first paragraph</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> 

Answer 2

在你的代碼

<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> 

這兩個按鈕是用來「發現」 HTML元素（id爲「MSG」）， 和改變元素的內容（innerHTML的），以「走了！」在第一個按鈕和「回來！」在第二個按鈕。 明白了。