javascript - 为什么表单元素中的 Javascript 会失败？

Question

最近，我在对 JS 应用程序进行故障排除时碰壁了；它归结为这样的事情:将 js 放入表单 html 元素中会导致它失败/立即反转。这是为什么？

失败:

<div id="p1">Hello World!</div>
<form>
<button onclick='document.getElementById("p1").innerHTML="New text!";'>Change me</button
</form>

作品:

<div id="p1">Hello World!</div>
<button onclick='document.getElementById("p1").innerHTML="New text!";'>Change me</button

Answer 1

尝试

<div id="p1">Hello World!</div>
<form method="post" onsubmit="return false;">
<button onclick='document.getElementById("p1").innerHTML="New text!";'>Change me</button>
</form>

Fiddle