单击时更改按钮类型上的文本

Question

当按钮类型为button时，我不能更改按钮的文本，但是如果输入类型，则可以更改它。

该按钮的代码为

<button type='button'
        id='1'
        name='4'
        class='btn btn-select'>Text I want to change</button>

在处理程序中，我试图像这样更改它：

document.getElementById("1").value="New Button Text";

如果我更改输入类型，是否可以使用？为什么？

Answer 1

<input type="button">的标签由value属性确定。 <input type="submit">从value属性中获取标签并提交数据（它们不能不同）。

<button>元素的标签由其文本内容确定。 value属性确定了单击后它将提交给服务器的数据（如果是提交按钮）。它们可以不同。

document.getElementById("1").textContent = "New Button Text";

<button type='button' id='1' name='4' class='btn btn-select'>Text I want to change</button>

Answer 2

尝试：

3D

您将按钮用作标签而不是输入字段