如何通過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