使用 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";

Answer 2

使用MDN - backgroundColor.

<script>
function fnName(id){
    document.getElementById(id).style.backgroundColor = "red";
}
</script>

 <input type="text" name="NAME" id="NAME" value="" onblur="fnName(this.id);" /

使用 getElementById 更改样式背景属性

change style background property by using getElementById

javascript

dom

simple-html-dom

使用 getElementById 更改样式背景 属性

change style background property by using getElementById

javascript

dom

simple-html-dom

使用 getElementById 更改样式背景属性