How to Update button text with Javascript

Question

I have tried a few different approaches to updating the text colour of a button with javascript but none have worked:

document.getElementById(elementID).textContent.fontcolor = "red";
document.getElementById(elementID).textContent.fontcolorstyle = "red";
 document.getElementById(elementID).textContent.style = "red";

So my question is how do you access the text of a button and change the colour with JS?

Majed Badawi · Accepted Answer · 2020-04-26 18:47:50Z

2

You can do this by changing the color styling of the button as follows:

document.getElementById('btn').style.color='red';

<button id="btn">Click</button>

answered Apr 26, 2020 at 18:47

Majed Badawi

28.5k4 gold badges30 silver badges56 bronze badges

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

Comments

Vinicius Kammradt · Accepted Answer · 2020-04-26 18:47:50Z

1

You can do:

document.getElementById('btn-id').style.color = 'red'

answered Apr 26, 2020 at 18:47

Vinicius Kammradt

661 silver badge9 bronze badges

Comments

Lalu Prajapati · Accepted Answer · 2020-04-26 18:58:18Z

1

you can use the following:

<button id="submit" onclick="textChange()">Click me</button>

function textChange(){
    let btn = document.getElementById("submit");
    btn.style.color = "red";
}

thanks.

answered Apr 26, 2020 at 18:58

Lalu Prajapati

112 bronze badges

Collectives™ on Stack Overflow

How to Update button text with Javascript

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related