JavaScript 改变文本颜色

Question

我需要你的帮助。我有这个 javascript 函数可以将消息写入日志。日志文本颜色始终为蓝色。谁能解决这个问题吗？下面是我的 JavaScript 代码。

感谢您的帮助。

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

试试这个代码

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

问题是，每次添加新消息时，您还会对整个 #logs 进行着色，而不仅仅是消息。因此，不要使用：

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

使用类似以下内容：

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