Change Button Label with Javascript

Question

I was working to change the label of the button with javascript. The button is using a class but not ID. what js method will applicable?

I tried through getElementsByClassName but this not worked

HTML:

<button type="button" class="window_open">Submit</button>

JS Code:

var status="Newlabel";
document.getElementsByClassName("window_open").innerHTML=status;

I expect the output of Newlabel but there is no result

Hint: `document.getElementsByClassName` is capable of returning multiple elements. — Joseph Sible-Reinstate Monica, Mar 24 '19 at 03:26
use `document.querySelector(".window_open").innerHTML=status;` instead, `getElementsByClassName` returns an `Array` — ajai Jothi, Mar 24 '19 at 03:27
Try `document.querySelector('button[type="button"].window_open')` to get the first element that matches that selector. — Mr. Polywhirl, Mar 24 '19 at 03:28

score 1 · Accepted Answer · answered Mar 24 '19 at 03:27

1

Since getElementsByClassName returns an array-like object, you need the first item [0]:

var status = "Newlabel";
document.getElementsByClassName("window_open")[0].innerHTML = status;

<button type="button" class="window_open">Submit</button>

answered Mar 24 '19 at 03:27

Jack Bashford

1 Answers1