用Javascript更改按钮文本？ [复制]

【问题标题】：Change button text with Javascript? [duplicate]用Javascript更改按钮文本？ [复制]
【发布时间】：2017-06-03 23:39:02
【问题描述】：

我正在尝试使用 Javascript 使用以下代码更改按钮显示文本（在本例中为“Push Here”）：

var button_list = document.getElementsByTagName('button');
var button = button_list[0];

<button class="btn-primary" id="btn-header-example-cs" data-toggle="modal" data-url="" data-options="" style="display: inline-block;">Push Here</button>

但是，我无法使用 button.value = "New Text" 更改它。我做错了什么？

【问题讨论】：

按钮没有值，它们有内容。
更准确地说，有button.textContent = "New Text"
您想在点击时更改文本还是什么？？
是的，`.textContent' 正是我想要的。谢谢你们！

标签： javascript html button getelementsbytagname

【解决方案1】：

 var button = document.getElementsByName('button')

它需要设置一个按钮名称，现在我会告诉你

<button name="button" class="btn-primary" id="btn-header-example-cs" data-toggle="modal" data-url="" data-options="" style="display: inline-block;">Push Here</button>

我建议您使用其他名称

 var button = document.getElementsByName('mybutton_1')

和html

<button name="mybutton_1" class="btn-primary" id="btn-header-example-cs" data-toggle="modal" data-url="" data-options="" style="display: inline-block;">Push Here</button>

现在你可以使用它了

button.value = "New Text"

不是getElementsByTagName，而是getElementsByName

【讨论】：