Javascript-为什么我不能使用onsubmit更改innerHTML?

我需要在英语/氨基酸代码翻译器中使用表单字段.下面的代码经过简化以显示我遇到的问题.我想使用javascript函数更改一些文本.

如果我使用带有onclick的type:按钮输入,则可以使用.

表单中带有onsubmit的Submit按钮将文本更改一秒钟,然后将其更改回.我需要在翻译程序中使用表格,如何使它起作用?

额外信用:为什么使用onsubmit可以瞬间改变?

<html>
<head>
<script type="text/javascript">
function changeTo(text){
    document.getElementById("p1").innerHTML=text;
}
</script>
</head>
<body>
<h1 style="text-align:center;">Change text in an element</h1>
<!--
<form onsubmit="changeTo('Hello World');">
<input type="submit" />
</form>
-->
<input type="button" onclick="changeTo('Hello World');" />
<p id="p1">text</p>

</body>
</html>

解决方法:

由于正在提交表单,因此正在更改它.它张贴在同一页面上,如果您在本地计算机上,它可能是如此之快,您可能不会注意到.尝试:

<form onsubmit="changeTo('Hello World');return false;">
<input type="submit" />
</form>

最后返回false将会停止提交过程.

上一篇:使用JavaScript显示SPAN的内容


下一篇:javascript-使用JQuery().html()时,为什么.innerHTML问题不是问题?