使用javascript设置按钮的值

Question

我确信在看到答案之后我会感到愚蠢,但我仍然在网络上遇到史前代码,我不确定是否仍然适用.我的问题是"我如何使用javascript更改按钮的值(在表单内)？" 这就是我现在所拥有的:

function myFunc(form) {
    form.elements["submit-button"].value = "New<br>Text";
    "other stuff that actually works."
    return false;
}

其次是

<form onSubmit="return myFunc(this);">
    <button name="submit-button">Original<br>Text</button>
</form>

"实际工作的其他东西".实际上是有效的,所以我确定该函数被调用并且按钮被找到了.我似乎无法将"新
文本" 粘贴到按钮中!

非常感谢.

Answer 1

用innerHTML而不是value.

form.elements["submit-button"].innerHTML = ...

因为你使用的是<button>代替<input type="button">,你需要设置innerHTML.<button>s不要将其文本基于value属性.

<button> innerHTML </button>
<input type="button" value="value" />