Question

怎么在js中给文本框添加CSS样式

Answer 1

在页面内用JS操作CSS除非用AJAX，但操作页面内的样式的话，是可以的。操作样式分为改变直接样式，改变className和改变cssText三种
一、局部改变样式
调用方法：
改变className
<div id="demo">测试</div>
<script>
document.getElementById('demo').className="test";
</script>
改变直接样式
<div id="demo">测试</div>
<script>
document.getElementById('obj').style.backgroundColor="#003366";
</script>

二、全局改变样式

可以通过改变外链样式的的href的值实现网页样式的实时切换

<link rel = "stylesheet" type="text/css" id="css" href="firefox.css" />
<span on click="javascript:document.getElementById('css').href = 'ie.css'">点我改变样式</span>

Answer 2

js中直接在style后面继续点你要的样式赋值就好了
比如
var box = document.getelementbyid('box');
box.style.width='100px';
box.style.height='100px';
box.style.border='1px solid black';
等等

追问

document.getelementbyid('box');
这个是获取的什么

追答

获取你要的控制的文本框。。
box是textbox的id。 我简单写了下

然后我看了下你上面的那个效果。
不能为空要放一个div做浮动显示的
然后那个感叹号是一个背景图片，位置靠右就好了

追问

成这样的效果了

追答

我写的是给你看的。不是让你直接用的
你类比去用啊。
我设置的是宽和高，可是你不需要呢。。
只是给你参考，不是给你直接用的。

Answer 3

代码贴一下，再给出要求，人家才能回答你呀！

追问

http://tts.yeefly.com.cn/site/booking.htm?to=CSX&flight_type=1&starttime=2012-02-23&price=365&gx=&nprice=391&returntime=&cw=B&from=SHA&fln=9C8943&qt=a49ea46346f3&prt=1

我要实现的功能 就像这网站上的文本框一样 主要是验证

追答

文件是一个JS高手写的，一般人根本就看不懂啊，不过如果一定要实现这个功能的话可以去分析一下它的文件。
http://tts.yeefly.com.cn/common/scripts/pack/ttsbooking.min.js