Change text color with Javascript?

by

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.

More Related Contents:

  1. React onClick function fires on render
  2. Get the contents of a table row with a button click
  3. Changing button text onclick
  4. Javascript – Dynamically assign onclick event in the loop
  5. Missing click event for inside element on firefox
  6. Change Button color onClick
  7. Attribute onclick=”function()” not functioning as intended?
  8. JavaScript button onclick not working
  9. HTML, Javascript – How to save variable after one click on button [closed]
  10. Random color generator
  11. Call ASP.NET function from JavaScript?
  12. JavaScript eyedropper (tell color of pixel under mouse cursor)
  13. JS function to calculate complementary colour?
  14. Javascript color gradient
  15. Including both href and onclick to HTML tag
  16. Attaching click event to a JQuery object not yet added to the DOM [duplicate]
  17. How can I disable HREF if onclick is executed?
  18. How can I generate the opposite color according to current color?
  19. Mixing two colors “naturally” in javascript
  20. Howto: div with onclick inside another div with onclick javascript
  21. Call two functions from same onclick [duplicate]
  22. Convert HSB/HSV color to HSL
  23. jQuery – How can I temporarily disable the onclick event listener after the event has been fired?
  24. HTML anchor tag with Javascript onclick event
  25. Javascript click event listener on multiple elements and get target ID
  26. Create a hexadecimal colour based on a string with JavaScript
  27. how to intercept Button click inside UIWebview on IOS?
  28. Browsers automatically evaluate hex or hsl colors to rgb when setting via element.style.background?
  29. How to programmatically calculate the contrast ratio between two colors?
  30. How to change button text or link text in JavaScript?

Leave a Comment