Change text color with Javascript

Question

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     lt div id  quot about quot  gt About Snakelane lt  div gt    lt input type  quot image quot  src  quot http   www blakechris com snakelane assets about png quot  onclick  quot init   quot  id  quot btn quot  gt   and my js    var about     function init          about   document getElementById  quot about quot   innerHTML      about style color    blue

User · 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.

User · Answer

lt div id  about  gt About Snakelane lt  div gt    lt input type  image  src  http   www blakechris com snakelane assets about png  onclick  init    id  btn  gt   lt script gt  var about     function init          about   document getElementById  about        about style color    blue

User · Answer

innerHTML is a string representing the contents of the element   You want to modify the element itself  Drop the  innerHTML part

User · Answer

use ONLY   function init          about   document getElementById  about        about style color    blue        innerHTML   sets or gets the HTML syntax describing the element s descendants   All you need is an object here   Demo

User · Answer

Try below code     document  ready function        about   css   background-color   black               http   jsfiddle net jPCFC

[javascript] Change text color with Javascript?

Examples related to javascript

Examples related to button

Examples related to colors

Examples related to onclick