如何在asp.net中 javascript 设置服务器控件TextBox 的字体颜色或者背景颜色的值？
vartxt=document.getElementById("<%TextBox1.ClientID%>");txt.style.color="red";txt.sty...
var txt = document.getElementById("<%TextBox1.ClientID%>");
txt.style.color="red";
txt.style.backgroundColor="red";
或者
txt.color="red";
txt.style.backgroundColor="red";
都不对！请问我该怎么做？
<telerik:RadTextBox ID="TextBox1" runat="server"></telerik:RadTextBox>
var txt = document.getElementById("<%TextBox1.ClientID%>");
txt.style.color="red";
txt.style.backgroundColor="red";
或者
txt.color="red";
txt.style.backgroundColor="red";
都不对！请问我该怎么做？ 展开
txt.style.color="red";
txt.style.backgroundColor="red";
或者
txt.color="red";
txt.style.backgroundColor="red";
都不对！请问我该怎么做？
<telerik:RadTextBox ID="TextBox1" runat="server"></telerik:RadTextBox>
var txt = document.getElementById("<%TextBox1.ClientID%>");
txt.style.color="red";
txt.style.backgroundColor="red";
或者
txt.color="red";
txt.style.backgroundColor="red";
都不对！请问我该怎么做？ 展开
4个回答
展开全部
<input type="text" name="txt1" id="txt1" >
<script>
var txt = document.getElementById("txt1");
txt.style.color="red";
txt.style.backgroundColor="red";
</script>
上面这种是正确的。就是你那段代码。
查看一下你的TextBox1的代码在页面中的位置是不是在你那段脚本之前
<asp:Textbox id="aa" runat="server">
<script>你的格式化代码</script>
这种应该是没有问题的
要是
<script>你的格式化代码</script>
<asp:Textbox id="aa" runat="server">
这种就会暴未找到对象的错误。
就是执行那段javascript代码时时候那个TextBox1控件还没有输出。导致document.getElementById找不到这个对象，所以脚本错误。
<script>
var txt = document.getElementById("txt1");
txt.style.color="red";
txt.style.backgroundColor="red";
</script>
上面这种是正确的。就是你那段代码。
查看一下你的TextBox1的代码在页面中的位置是不是在你那段脚本之前
<asp:Textbox id="aa" runat="server">
<script>你的格式化代码</script>
这种应该是没有问题的
要是
<script>你的格式化代码</script>
<asp:Textbox id="aa" runat="server">
这种就会暴未找到对象的错误。
就是执行那段javascript代码时时候那个TextBox1控件还没有输出。导致document.getElementById找不到这个对象，所以脚本错误。
更多追问追答
追问
不好意思刚刚忘了说 那是个 Ajax 控件了
追答
那就要看你最终访问时的HTML代码是什么样的。在那上找错了。报的什么错？
所谓的服务器端控件最终都是解析成html控件
看查看网页源代码看哪里有错了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
var txt = document.getElementById("TextBox1");
txt.style.color="red";
txt.style.backgroundColor="red";
TextBox1是服务器控件的id，
你的js事件是否在页面加载的时候加载到页面呢？
txt.style.color="red";
txt.style.backgroundColor="red";
TextBox1是服务器控件的id，
你的js事件是否在页面加载的时候加载到页面呢？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
要用键值对的方式。
//修改样式
TextBox1.Style.Add("color","red")
//修改属性，像 width ,size ,value这类
TextBox1.Attributes.Add("", "");
//修改样式
TextBox1.Style.Add("color","red")
//修改属性，像 width ,size ,value这类
TextBox1.Attributes.Add("", "");
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<body>
<script language="javascript" type="text/javascript">
function test(obj)
{
if( obj.value!="test" ){
document.getElementById("inputbox").className= "input_s1";
}else{
document.getElementById("inputbox").className = "input_s2";
}
}
</script>
<style>
.input_s1 {font-size:20;color:red; background-color:;border-top-width:1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.input_s2 {font-size:20;color:black; background-color:;border-top-width:1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
</style>
<center>
<br>
<form method="get" action="returnpage.php" >
<input id="inputbox" type='text' class="input_s1" value="test" maxlength='300' size='40' name='qw' onclick="test(this)"/>
<input type="submit" value="搜一下">
<br>
</center>
</body>
</html>
参考一下
<body>
<script language="javascript" type="text/javascript">
function test(obj)
{
if( obj.value!="test" ){
document.getElementById("inputbox").className= "input_s1";
}else{
document.getElementById("inputbox").className = "input_s2";
}
}
</script>
<style>
.input_s1 {font-size:20;color:red; background-color:;border-top-width:1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.input_s2 {font-size:20;color:black; background-color:;border-top-width:1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
</style>
<center>
<br>
<form method="get" action="returnpage.php" >
<input id="inputbox" type='text' class="input_s1" value="test" maxlength='300' size='40' name='qw' onclick="test(this)"/>
<input type="submit" value="搜一下">
<br>
</center>
</body>
</html>
参考一下
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
