如何通过Javascript更改文本框的背景颜色？

Question

我正在尝试使用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>

在此处输入图片说明

Answer 1

您正在尝试更改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>

此外，我有Visual Studio 2010，Intellisense也向我展示了style属性：

在此处输入图片说明

您是对的，当我假装指向由asp生成的html中的id ，intellisense不适用于style属性：

在此处输入图片说明

我认为Intellisense无法到达此id因为在您编写此代码时，html不存在。

Answer 2

客户端上不存在BackColor 。 这就是ASP.NET服务器端的概念。 相反，您想使用CSS进行设置：

v.style.backgroundColor = 'Red';

这是CSS属性名称的引用，就像它们在JavaScript中一样。

如何通过Javascript更改文本框的背景颜色？

问题描述

2 个解决方案

解决方案1
7 已采纳 2011-11-30 16:39:11

解决方案2
2 2011-11-30 16:39:30

如何通过Javascript更改文本框的背景颜色？

问题描述

2 个解决方案

解决方案1 7 已采纳 2011-11-30 16:39:11

解决方案2 2 2011-11-30 16:39:30

解决方案1
7 已采纳 2011-11-30 16:39:11

解决方案2
2 2011-11-30 16:39:30