Change button text with Javascript? [duplicate]

Question

I'm trying to use Javascript to change the button display text (in this case, "Push Here") using this 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>

However, I can't change it with button.value = "New Text". What am I doing wrong?

Yup, `.textContent' was exactly what I was looking for. Thank you, guys! — Jesse McCann
– Jesse McCann, Commented Jun 4, 2017 at 20:26

Gianfrancesco Aurecchia · Accepted Answer · 2017-06-03 23:48:43Z

-1

 var button = document.getElementsByName('button')

It needs to set a button name, now I'll show you

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

I recommend you use a different name

 var button = document.getElementsByName('mybutton_1')

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

Now you can use it

button.value = "New Text"

look not getElementsByTagName but getElementsByName

answered Jun 3, 2017 at 23:48

Gianfrancesco Aurecchia

8006 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Change button text with Javascript? [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related