更改提交按钮的文本

Question

我试图在调用动作时更改HTML按钮上的文本，但是没有运气我似乎错过了一些东西。

HTML：

<button name="Action" id="" name="SubmitButton" type="submit" value="SaveData">Update this text Page</button>

JS：

document.getElementById('SubmitButton').value = "New Text";

Answer 1

按钮不像输入元素，因此您需要使用innerHTML

HTML

<button id="SubmitButton" type="submit">Update this text Page</button>

JS

document.getElementById('SubmitButton').innerHTML = "New Text";

另一方面，输入类型提交是一个输入，可以有一个值。

HTML

<input id="SubmitButton" type="submit" value="Update this text Page" />

JS

document.getElementById('SubmitButton').value = "New Text";

Answer 2

发现问题：

• 没有为您的元素分配ID
• 要更改按钮的文字，您需要使用.innetHTML而不是.value
• 该功能未被调用。

请改为尝试：

HTML：

<button id="SubmitButton" onclick="test(this)" type="submit">Update this text Page</button>

JS：

function test(e) {
    e.innerHTML = "New Text";
}