How to change color of text with javascript at event

Question

The code works to change the background color.

regionLinks[i].style.backgroundColor = (regionRow === selection[0].row) ? '#ff7700' : null

But I want to change the text color instead of the background color. How can I do that? The html that is manipulated is

'<div data-row="' + i + '"><a class="region" href="/' + data.getValue(i, 0) + '">' + data.getValue(i, 0) + '</a></div>'

My aim is to make the text in the link have the new text color at this change.

Zader · Accepted Answer · 2017-04-24 00:33:11Z

1

The style property is called color

regionLinks[i].style.color

answered Apr 24, 2017 at 0:33

Zader

14811 bronze badges

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

Comments

Musa · Accepted Answer · 2017-04-24 00:42:05Z

1

The color is the property for text color.

If regionLinks[i] is the anchor then regionLinks[i].style.color = '#123456';
if it is the div regionLinks[i].firstChild.style.color = '#123456';

Anchors are styled by the UA, so to overwrite them you have to target it specifically.

edited Apr 24, 2017 at 0:42

answered Apr 24, 2017 at 0:33

Musa

97.9k17 gold badges123 silver badges144 bronze badges

Collectives™ on Stack Overflow

How to change color of text with javascript at event

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related