HTML文件中的以下每个代码是什么意思?

时间:2016-06-11 10:11:32

标签: javascript html function button types

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

有人可以解释每行的含义吗?

2 个答案:

答案 0 :(得分:0)

在您的代码中

{{1}}

这两个按钮都用于“查找”HTML元素(id =“msg”),  并将元素内容(innerHTML)更改为“Gone!”在第一个按钮和“再次回来!”在第二个按钮。  明白了。

答案 1 :(得分:0)

点击按钮,它将搜索id =&#34; msg&#34;并设置其内部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>