用Javascript更改按鈕文本？

Question

我試圖使用JavaScript來改變按鈕顯示文本（在這種情況下，「按這裏」）使用此代碼：

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"改變它。我究竟做錯了什麼？

Answer 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