How to change colour of text when using document.getElementById("id").innerHTML

Question

I am trying to change the text of a span to something else when a particular event occurs. I am doing this as :

document.getElementById("usernameError").innerHTML = "**Message";

I want to display the same in a different colour. Any idea on how to do that? Much appreciated!

Answer 1

You could always just put the message in a span and put a style attribute on it. This should do it:

document.getElementById("usernameError").innerHTML = "<span style='color: red;'>**Message</span>";