学习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框架）。