JavaScript更改文字颜色

Question

I need your help. I have this javascript function to write a message to the logs. The logs text color is always blue. Anyone who can solve this issue? Below is my javascript code.

Thank you for your help.

function logMessage(taskName,action,from,to) 
{
    var $logsDiv = jQuery("#logs");
    var message = '';
    if(action == "receive")
    {
       message = taskName +" was removed from '"+ from +"' and was added to '"+ to +"'<br/>";
       jQuery("#logs").css("color","blue");
       $logsDiv.append(message);
    }
    else
    {
      message = taskName +" was removed from '"+ from +"' and was added to '"+ to +"'<br/>";
      jQuery("#logs").css("color","green");
      $logsDiv.append(message);
    }
 }

Answer 1

Try this code

if(action == "receive")
{
   message = taskName +" was removed from '"+ from +"' and was added to '"+ to +"'<br/>";
   jQuery("<span>").css("color","blue").html(message).appendTo("#logs");
}
else
{
  message = taskName +" was removed from '"+ from +"' and was added to '"+ to +"'<br/>";
  jQuery("<span>").css("color","green").html(message).appendTo("#logs");
}

Answer 2

The problem is that, each time you add a new message, you also color your entire #logs instead of just the message. So instead of:

jQuery("#logs").css("color","blue");

use something like:

message = jQuery("<div/>").css("color","blue").append(message);