javascript - 按钮单击功能内 div 元素的文本更改不会永久反射(reflect)

Question

我正在函数内单击按钮时更改 div 元素的文本，但它不会永久反射(reflect)。我的意思是，单击按钮后，它会更改为“新文本”，但又会变为“旧文本”。这是我的代码。

<form>
<input type="submit" onclick="myFun()" value="clickMe"/>
</form>
<div id="div1">old text</div>

这是 JavaScript 函数。

function myFun(){
document.getElementById("div1").innerHTML = "New text!"}

Answer 1

它的类型应该是button，而不是submit。提交将刷新您的页面，您的更改将丢失。或者您可以简单地使用 button 元素而不是 input 字段

function myFun() {
  document.getElementById("div1").innerHTML = "New text!"
}

<form>
  <button onclick="myFun()">clickMe</button>
</form>
<div id="div1">old text</div>