对原生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");
}