Question

119

Change text color with Javascript?

rated 0 times [ 121] [ 2] / answers: 1 / hits: 188492 / 11 Years ago, mon, july 29, 2013, 12:00:00

I want to change the color of a title when a button is clicked.
This is my code, but it's not working and I can't figure out why not...

var about;   

function init() { 

    about = document.getElementById(about).innerHTML;

    about.style.color = 'blue';

}

<div id=about>About Snakelane</div>

 

<input type=image src=http://www.blakechris.com/snakelane/assets/about.png onclick=init() id=btn>

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

kaleyv

Add To Favorites

Follow

Total Points: 259

Total Questions: 99

Total Answers: 107

Location: Saint Helena

Member since Tue, Nov 3, 2020

4 Years ago

kaleyv questions

1 How can I calculate the total price of products in a cart using JavaScript?

Sun, Jan 16, 22, 00:00, 2 Years ago

1 array.map() is returning elements all together in React JS

Thu, Dec 16, 21, 00:00, 3 Years ago

1 How do I reset mocked values in Jest?

Sat, Oct 24, 20, 00:00, 4 Years ago

1 NuxtJS: Disable console.log in production env

Sun, Oct 18, 20, 00:00, 4 Years ago

1 forwarding ref to react.FC gives type error: Property ref does not exist on type 'IntrinsicAttributes & Props & { children :? ReactNode}

Wed, Sep 16, 20, 00:00, 4 Years ago

View All

answered 11 Years ago tatyanna · Accepted Answer

You set the style per element and not by its content:

function init() { 

  document.getElementById(about).style.color = 'blue';

}

With innerHTML you get/set the content of an element. So if you would want to modify your title, innerHTML would be the way to go.

In your case, however, you just want to modify a property of the element (change the color of the text inside it), so you address the style property of the element itself.