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的），以“走了！”在第一个按钮和“回来！”在第二个按钮。 明白了。