这个HTML和JS有什么作用?

时间:2016-09-20 13:14:33

标签: javascript html

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

有人可以解释这是做什么的吗?

1 个答案:

答案 0 :(得分:-1)

当您单击第一个按钮时,它会触发onclick事件属性。您已经告诉活动要按ID&#39; msg&#39;找到一个元素。哪个是上面的<p>标记。

它找到它然后替换&#34;的内部HTML值;现在你看到我&#34;字符串&#39; Gone!&#39;。第二个按钮几乎发生了同样的事情。

您可以在以下网址了解详情。 http://www.w3schools.com/tags/ev_onclick.asp