对原生js的一些小尝试

意图仿造JQ操作以及弄个个人工具箱，不断完善中，代码均为个人摸索，所以肯定会有不少不足的地方，希望读者们能提出来。

 var xzhUtils = {
   //-----DOM对象添加类-----
   //--@param: obj  DOM对象
   //--@param: cls  添加的类
   addClass : function (obj, cls){
     var ocls = obj.className;
     if(!ocls){
       obj.className = cls;
     } else{
       ocls += " "+cls;
       obj.className = ocls;
     }
   },
   //-----DOM对象移除类-----
   //--@param: obj  DOM对象
   //--@param: cls  移除的类
   removeClass : function (obj, cls){
     var ocls = obj.className;
     if(ocls){
       var arr = ocls.split(" ");
       for(var i in arr){
         if(arr[i]==cls){
           arr.splice(i,1);
           break;
         }
       }
       ocls = arr.join(" ");
       obj.className = ocls;
     }
   },
   //-----计算上卷值-----
   scrollPos : function() {
     var scrollPos;
     if (typeof window.pageYOffset != 'undefined'){
       scrollPos = window.pageYOffset;
     }else if (typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat'){
       scrollPos = document.documentElement.scrollTop;
     }else if (typeof document.body != 'undefined'){
       scrollPos = document.body.scrollTop;
     }
     return scrollPos;
   },
   //-----获取下一个兄弟节点-----
   //--@param: eventObj  要获取下一兄弟节点的DOM对象
   //--@return: x  eventObj的下一兄弟节点
   next : function(eventObj){
     var e = eventObj;
     var x = e.nextSibling;
     while(x.nodeType!=1){
       x = x.nextSibling;
     }
     return x;
   }
 }

-----2014/09/01 微改版

 window.onload = function(){
     (function() {
         var xzh = {};
         //-----DOM对象添加类-----
         //--@param: obj  DOM对象
         //--@param: cls  添加的类
         Object.prototype.addClass = function (cls){
             var obj = this;
             var ocls = obj.className;
             if(!ocls){
                 obj.className = cls;
             } else{
                 ocls += " "+cls;
                 obj.className = ocls;
             }
         },
         //-----DOM对象移除类-----
         //--@param: obj  DOM对象
         //--@param: cls  移除的类
         Object.prototype.removeClass = function (cls){
             var obj = this;
               var ocls = obj.className;
               if(ocls){
                 var arr = ocls.split(" ");
                 for(var i in arr){
                       if(arr[i]==cls){
                         arr.splice(i,1);
                         break;
                       }
                 }
                 ocls = arr.join(" ");
                 obj.className = ocls;
               }
         },
         //-----计算上卷值-----
         scrollPos = function() {
             var scrollPos;
             if (typeof window.pageYOffset != 'undefined'){
                 scrollPos = window.pageYOffset;
             }else if (typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat'){
                 scrollPos = document.documentElement.scrollTop;
             }else if (typeof document.body != 'undefined'){
                 scrollPos = document.body.scrollTop;
             }
             return scrollPos;
         },
         //-----获取下一个兄弟节点-----
         //--@param: eventObj  要获取下一兄弟节点的DOM对象
         //--@return: x  eventObj的下一兄弟节点
         Object.prototype.next = function(){
             var obj = this;
             var x = obj.nextSibling;
             while(x.nodeType!=1){  // 因为FF下会把空格也当作DOM
                 x = x.nextSibling;
             }
             return x;
         }
     })();

     var item = document.getElementById("item");
     item.addClass("demo");
 }