Setting a button's text through script

Question

I have a button in my html that I append. How do I set said button's text to "Click Me"? I've scoured every corner of Stack Overflow and to no avail.

var button = container.appendChild(document.createElement("button");
button.setAttribute("id", button);

Here's what I've already tried:

button.text="Click Me"
button.innerHTML="Click Me";
button.value="Click Me";
button.childNodes[0].nodeValue="Click Me";

Any help will be appreciated!

Not exactly related, but button.setAttribute("id", button); probably doesn't do what you expect. Maybe you should wrap button in the argument list into quotes. Currently the id is [object HTMLButtonElement]. — Teemu
– Teemu, Commented Feb 10, 2020 at 15:28
You're missing a ) on the var button = line, so the button isn't created. After fixing the typo, it works with button.innerHTML. See jsfiddle.net/barmar/qsk8ahej/1 — Barmar
– Barmar, Commented Feb 10, 2020 at 15:31

Kyle · Accepted Answer · 2020-02-10 15:38:11Z

1

Missing closing parenthesis:

.appendChild( ... )

var container = document.getElementById("container");

var button = container.appendChild(document.createElement("button"));

button.innerHTML="Click Me!!";

<div id="container"></div>

edited Feb 10, 2020 at 15:38

answered Feb 10, 2020 at 15:35

Kyle

1,5031 gold badge12 silver badges18 bronze badges

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

Collectives™ on Stack Overflow

Setting a button's text through script

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related