js事件处理（jQuery转js）

Question

$("input").live("mouseover",function(){$(this).addClass("csstwo");$(this).disabled=true;});
$("input").live("mouseout",function(){$(this).removeClass("csstwo");});
这是我用jQuery写的代码，目的是找到所有的input标签，然后当鼠标滑过input标签时加入CSS样式使input内容变色，鼠标滑出时恢复原状。
但是我现在想用JavaScript实现这两句，不知用document.getElementsByTagName("input");获得所有input标签后怎么绑定鼠标滑过、滑出事件处理函数，函数该如何写？

Answer 1

var a  = document.getElementsByTagName("input");
for(var i=0;i<a.length;i++){
  a[i].onmouseover = (function(obj){
     return function(){
         obj.className = "csstwo"; obj.disabled = true;
     }
  })(a[i]);
  a[i].onmouseout = (function(obj){
     return function(){
        obj.className = "";
     }
  })(a[i]);
}