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

Javascript 单击时更改按钮类型上的文本,javascript,dom,Javascript,Dom,当按钮类型为button时,我无法更改按钮的文本,但如果类型为input,我可以更改它 按钮的代码是 <button type='button' id='1' name='4' class='btn btn-select'>Text I want to change</button> 如果我改变它的输入类型,它会工作吗?为什么?一个的标签是由值属性决定的。从值属性获取标签和提交的数据(它们不能不同) 元素的标签由其文本内容

当按钮类型为button时,我无法更改按钮的文本,但如果类型为input,我可以更改它

按钮的代码是

<button type='button'
        id='1'
        name='4'
        class='btn btn-select'>Text I want to change</button>
如果我改变它的输入类型,它会工作吗?为什么?

一个
的标签是由
属性决定的。
值属性获取标签和提交的数据(它们不能不同)

元素的标签由其文本内容决定。
属性确定单击时将向服务器提交哪些数据(如果是提交按钮)。它们可以不同

document.getElementById(“1”).textContent=“新建按钮文本”
我要更改的文本
尝试:


您正在将按钮用作标记而不是输入字段

它是否有效?如果是,按钮和输入类型submit在这方面的行为可能与此相同。您的意思是说
有效,但
我要更改的文本不起作用?就HTML DOM而言,
.value
指的是
value
属性,而不是
innerText
nodeValue
。在按钮中,您看到的文本是innerHTML而不是value属性。试着把它改成HTMLW为什么这个问题被否决了??这没什么用?@wayneuk2-当你点击“运行代码片段”时,按钮是否显示“我想更改的文本”?是的,效果很好,谢谢,我相信我试过了,但哦,谢谢你在你的项目中好运。选择最佳答案
document.getElementById("1").value="New Button Text";
document.getElementById("1").innerText="New Button Text";