Javascript HTML文件中的以下代码是什么意思？ 点击我！ 带我回来！

有人能解释一下每一行的意思吗？

在你的代码中

<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）在第一个按钮中更改为“Gone！”，在第二个按钮中更改为“Back reach！”。

---

找到了。

单击按钮，它将使用id=“msg”搜索元素并设置其内部HTML，即元素的内容

我的第一段
点击我！
带我回来！

第一行表示有一个按钮，单击该按钮；在文档中查找id为“msg”的元素，并使其文本为“Gone！”。另一行与第一行相同。@B.Yaylaci谢谢，我现在明白了

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

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