Andrei Shcherbakov Andrei Shcherbakov - 1 year ago 106
CSS Question

javascript doesn't change color of span container

i'm trying to change my span's text color using

document.getElementById("indicator").style.color = "red";

and logs


tells me that it changes,but color still "black"

I'm using different css and bootstrap aswell in the project.
How can i fix this problem?

Answer Source

You need to make sure your script is being called after the DOM item has loaded. If using jQuery you can simply wrap your function inside a document ready tag like this:

document.getElementById("indicator").style.color = "red";


If you are using pure JavaScript you will need to make sure the script is listed after the DOM element. Putting the script at the end of your page should accomplish this.

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download