Changer le texte du bouton avec Javascript?

Question

Je suis en train d'utiliser le Javascript pour changer le bouton texte d'affichage (dans ce cas, « Push ici ») en utilisant ce code:

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> 

Cependant, je ne peux pas changer avec button.value = "New Text". Qu'est-ce que je fais mal?

Answer 1

var button = document.getElementsByName('button') 

Il doit définir un nom de bouton, maintenant je vais vous montrer

<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> 

Je vous recommande d'utiliser un nom différent

var button = document.getElementsByName('mybutton_1') 

et 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> 

Maintenant, vous pouvez l'utiliser

button.value = "New Text" 

pas regarder getElementsByTagName mais getElementsByName