javascript - 使用 getElementById 更改样式背景属性

Question

如果遇到错误函数，如何更改文本框颜色？我尝试了以下代码，但它不起作用，仅显示错误消息。

<Script>
function fnName(ID)
{
    var flag = true;
    if(document.mainform.NAME.value == "")
    {
        error_function("Please enter the Name.",ID);
        flag = false;
    }
    else
    {
        release_function(ID)
        flag = true;
    }
    return flag;
}
function error_function(message,IDs)
{
        var ID = '"' + IDs + '"';

        document.getElementById("proposererrMsg").innerHTML     = message;
        document.getElementById("proposererrMsg").style.display = "inline";
        document.getElementById(ID).style.background  = "#DDDDDD";  //this line not working
         document.getElementById(ID).style.border    = "thin solid red"; // this line not working

}
</script>

 <label id="proposererrMsg" class="errMsg"></label> 
 <input type="text" name="NAME" id="NAME" value="<%=NAME%>" onblur="fnName(this.id);" />

Answer 1

您使用的ID有不必要的引号，因此您尝试引用一个不存在ID的元素，只需直接使用IDs参数即可:

document.getElementById(IDs).style.background = "#DDDDDD";