如何用Javascript更改TextBox的背景颜色?

jam*_*ams 0 javascript css asp.net

我试图通过使用JavaScript更改文本框的背景颜色,但我的代码不起作用.我搜索但没有找到任何合适的答案.这是我的代码.

<head>
    <script type="text/javascript" language="javascript">
        function abc() {
            var v = document.getElementById("<%=TextBox1.ClientID%>");
            v.setAttribute('BackColor', 'Red');
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        <asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="abc()" onclick="Button1_Click"/>
    </div>
    </form>
</body>
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

Gal*_*led 7

您正在尝试更改html的UI,因此您需要使用javascript/css属性.

这里有一个javascript可访问的css属性列表.

试试:

   <script type="text/javascript" language="javascript">
        function abc() {
            var v = document.getElementById("<%=TextBox1.ClientID%>");
            v.style.backgroundColor = "red";
        }
    </script>
Run Code Online (Sandbox Code Playgroud)

此外,我有Visual Studio 2010,Intellisense也向我显示了style属性:

在此输入图像描述

你是正确的果酱,当我假装指向一个id由asp生成的HTML时,intellisense不适用于该style属性:

在此输入图像描述

在此输入图像描述

我认为Intellisense没有达到这一点,id因为在您编写此代码时,html不存在.