html中如何把js代码的某个变量值显示出来

HTML code

function checkBlank(obj,str){  
      var value = true;
      if(obj.value == ""){
    document.getElementById("check").innerHTML="<font color='red'>str + '不能为空' </font>";
    value=false;
      } 
    return value;
}

上面的代码我本意是想传入值赋值给str，然后显示str的值，例如传入“登录名”，显示“登录名不能为空”，但为何显示了“str+不能为空”，我该怎么改才行。

------解决方案--------------------
document.getElementById("check").innerHTML= str + '不能为空';
可以在css中指定颜色。。
------解决方案--------------------
document.getElementById("check").innerHTML="<font color='red'>"+str + "不能为空 </font>";
或者
document.getElementById("check").innerHTML="<font color='red'>"+str+" '不能为空' </font>";