用Javascript更改按钮文本?

时间:2017-06-03 23:39:03

标签: javascript html button getelementsbytagname

我尝试使用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"更改它。我做错了什么?

1 个答案:

答案 0 :(得分:-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