学习JS面向对象第一天之改变input样式
之前对js只是粗略的了解，今天在javaeye认真的看了半天，学了一些基础的知识，试着用面向对象的思想写了一个《通过外部绑定input事件改变input样式》的方法，不知道能否在继续改进。（目前不考虑用循环的方法改变多个文本框，只改变一个）
css样式文件：
<style type="text/css">.text1{ background:#FFFFCC; border:1px solid #ccc}</style>
<script language="javascript">function inputClass(){ this.modStyle=function(obj){ var obj=document.getElementById(obj); obj.attachEvent("onclick", function(){ obj.className='text1';}); }}</script><input type="text" name="textfield"id="userName" value="userName"/><script language="javascript">//创建对象var myInput=new inputClass();//绑定具体文本框myInput.modStyle('userName');</script>
这样，当点击文本框userName的时候，就会自动应用text1样式。
问题：
1、现在必须将创建对象语句和绑定语句房在html代码之后，不然放最开始会的位置，运行会提示找不到对象而出错。
2、不知是否有更好的方法来实现该功能（除JS框架）。
页:
[1]