javascript - 如何通过 Javascript 更改 TextBox 的背景颜色？-6ren

javascript - 如何通过 Javascript 更改 TextBox 的背景颜色？

转载作者：太空宇宙更新时间：2023-11-03 19:47:17

24

4

我正在尝试使用 javascript 更改文本框的背景颜色，但我的代码无法正常工作。我搜索 SO 但没有找到任何合适的答案。这是我的代码。

<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>

enter image description here

最佳答案

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

Here有一个 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 属性:

enter image description here

你是对的，当我假装从 asp 生成的 html 中指向 id 时，intellisense 不适用于 style 属性:

enter image description here

我认为 Intellisense 没有到达这个 id 因为在你写这段代码的时候，html 不存在。

关于javascript - 如何通过 Javascript 更改 TextBox 的背景颜色？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8329490/

24

4

0

文章推荐： jQuery 链接未按预期运行

文章推荐： c# - Specified cast is not valid error 使用asp.net？

文章推荐： matlab - 正态概率图解释

c# - 如何在鼠标单击时选择 TextBox 的所有文本？ (TextBox.SelectAll() 不适用于 TextBox.Enter)
这个问题在这里已经有了答案: How to automatically select all text on focus in WPF TextBox? (33 个答案) How to select
textbox - WPF TextBox.SelectAll () 不起作用
我在我的项目中使用了以下模板:
与其他禁用的 TextBox 相比，c# TextBox 边框在被禁用时会发生变化
我有一个非常奇怪的问题。我有多个用于用户名/密码的文本框，每个用户/密码组旁边都有一个复选框。当用户单击 CheckBox 时，如果他选中它，它旁边的用户名和密码 TextBox 将被启用，焦点将设置
javascript - 当另一个 TextBox 值更改时如何设置 TextBox 值
我有两个带有这样的日期选择器的文本框。 $(function () { $('#value_date').datetimepicker({ format: 'MM/DD/YY
c# - WPF TextBox 显示的值不等于 TextBox.Text
我检查了大约 60 个国家/地区的邮政编码。用户输入邮政编码，根据该国家/地区的规则进行检查。美国是个异常(exception)，我可以根据已输入的其他街道地址信息自动填写值。在某些方面，它基本上是一
wpf - 当 TextBox 位于非事件选项卡中时，TextBox.ScrollToEnd 不起作用
我们的应用程序启动几个后台进程并将它们的输出放入 TextBoxes - 每个在 TabControl 中的一个单独的 TabItem。我希望 TextBoxes 自动滚动以显示最后一个输出行，因此在
wpf - 与 TextBlock 具有相同剪辑的 TextBox(TextBox 模板)
TextBlock 元素很好地处理了 LineHeight，允许文本完全显示，而无需剪切。但是，我想将其更改为 TextBox 以方便编辑文本，这就是我的麻烦开始的地方。 TextBlock 显示如下
vba - isumeric(textbox.value) 和操作 textbox.values 进出百分比
我正在尝试“帮助”用户表单上文本输入框的用户输入百分比。截至目前，我的输入框将任何输入转换为百分比形式。这意味着键入“6”会将值转换为 600%。如下所示 databaseViewer 是输入框从中
textbox - 将 Grid 的垂直滚动位置与 RichEditBox 或 TextBox 匹配
我有一个带有 RichEditBox 的 Windows 应用商店应用程序(编辑)和一个 Grid (边注)。我需要始终匹配两个元素的垂直滚动位置。这样做的目的是允许用户在文档的页边空白处添加注释。
javascript - 使用 jQuery 动态添加和删除 TextBox 并获取动态 TextBox 的值
我有一个问题。下面的代码用于通过 .append() 和 .remove() 动态添加和删除文本框。我希望占位符为 textbox 的文本框中的所有数据都会内爆，并放置在我设置的名称为 textbox
textbox - 当强制文本输入导致源值不变时，带有 UpdateSourceTrigger=PropertyChanged 的 TextBox 上的文本不会更新
我有一个文本框，其 Text 属性具有 TwoWay MultiBinding，UpdateSourceTrigger 设置为属性已更改。第一个 Binding 是一个依赖属性 (Value)，它具
c# - TextBox.Clear() 或 TextBox.Text = string.Empty
它们之间有什么区别吗？谢谢 TextBox.Clear(); TextBox.Text = string.Empty; 最佳答案在实践中:不。在内部，有。两者都以完全不同的方式清除文本。我不敢告
c# - TextBox.Text += "string";与 TextBox.AppendText ("string");
这两种方法有什么区别？一个比另一个更有效率吗？我在想 AppendText() 可能使用类似于 StringBuilder 的方法，即它使用自己的缓存而不是每次都创建和附加一个新字符串，是这样吗？
C#:带有 TextBox.WordWrap 显示长 Base64 字符串的多行 TextBox
我有一个文本框来显示一个很长的 Base64 字符串。 TextBox.Multline = true 和 TextBox.WordWrap = true。此问题是由文本框本身的自动字边界检测引起的
textbox - UWP/WinRT : How to save and then restore a simple TextBox for resume from termination?
在 this document在描述 Windows 10 UWP 应用程序的生命周期时，它指出: Users now expect your app to remember its state as
c# - 如果 TextBox 为空或已经为 0，如何禁止用户在 TextBox 上插入 0？
我需要检查如果我的 TextBox (txtmoney) 为空或等于 0，则不允许按 0 键键盘或数字 0。我该怎么做？最佳答案 Before implementing please refer
c# - Listview 中的 TextBox - 在 TextBox TextChanged 上获取 ListViewItem
我有一个显示一些 TextBoxes 的 ListView。对于每个 TextBox，我都会捕获一个 SelectionChanged 事件。我的 XAML 文件看起来像这样:
vba - 如何使用 Access VBA 在 textBox.Setfocus 之后选择 TextBox 中的所有文本
当我单击(或双击)Access 表单的文本框时，我需要选择其中的所有文本。我尝试了以下代码，但没有成功: Me.txt_CompraPreco.SelStart = 0 Me.txt_CompraPr
c# - 在 TextBox 中使用 Bind 在 TextBox 控件外呈现绑定(bind)数据
我有一个 ListView(在更新面板中)绑定(bind)到一个 ObjectDataSource(连接到一个 NHibernate 对象)并且在 EditItemTemplate 我使用 Text=
JavaScript/D3 : Create floating textbox on click and update graph from textbox input
我正在尝试使用 D3 绘制多条交互式线条。单击每一行时，应根据当前鼠标坐标显示一个 float 文本框，并等待输入更新行坐标。更改文本框后，该行应自动更新，文本框应消失。有人可以看看我的代码并找出问题

首页

博学

6Ren·AI

商城

javascript - 如何通过 Javascript 更改 TextBox 的背景颜色？