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

Why does Javascript in a Form Element Fail?

本文关键字：Javascript 失败 表单 元素 为什么      更新时间：2023-09-26

我最近在对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

尝试

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

小提琴

相关文章：