javascript - insidehtml 无法更改(不断重置)

Question

我试图更改元素的内部html，但每次单击按钮时它都会重置回“ddd”

<form>
<p id="passError">ddd</p>
<button id="submit">Login</button>
</form>

<script type="text/javascript">
document.getElementById("submit").onclick = function(){changeit()};
function changeit()
{
    pError = document.getElementById("passError");
    pError.innerHTML = ("wrong password");
</script>

Answer 1

首先，您在函数中缺少 }，然后通过提交，您将提交必须阻止的表单。您不需要 Changeit 函数的包装函数，您可以将其直接传递给 onclick 变量。

<form>
<p id="passError">ddd</p>
<button id="submit">Login</button>
</form>

<script type="text/javascript">
document.getElementById("submit").onclick = changeit;
function changeit(event)
{
    event.preventDefault();
    pError = document.getElementById("passError");
    pError.innerHTML = "wrong password";
}
</script>