自己根据js的兼容封装了一个小小的js库

var gys = function () { }
//oParent父节点
//获取所有的子元素
gys.prototype.getElementChildren = function (oParent) {
    return oParent.children;
}
//arr获取的数组,jsonCss是修改属性css的json数据
// gys.setElementCss(aLi, {"color":"red","backgroundColor":"yellow","backgroundImage":"url(../img/test.jpg)"});
//设置元素的css
gys.prototype.setElementCss = function (arr, jsonCss) {
    var length = arr.length;
    if (length == 0) return; //没有元素
    else if (!length) { //单个元素   
        for (var key in jsonCss) {
            arr.style[key] = jsonCss[key];
        }
    }
    else { //元素集合
        for (var i = 0; i < arr.length; i++) {
            for (var key in jsonCss) {
                arr[i].style[key] = jsonCss[key];
            }
        }
    }
}
//获取第一个子元素
gys.prototype.getElementFirstChildren = function (oParent) {
    if (oParent.firstElementChild)//高版本浏览器,
    {
        return oParent.firstElementChild;
    }
    else //IE6,7,8
        return oParent.firstChild;
}
//获取最后一个子元素
gys.prototype.getElementLastChildren = function (oParent) {
    if (oParent.lastElementChild)//高版本浏览器,
    {
        return oParent.lastElementChild;
    }
    else //IE6,7,8
        return oParent.lastChild;
}
//获取下一个元素
gys.prototype.getElementNext = function (element) {
    if (element.nextElementSibling) { //高版本浏览器
        return element.nextElementSibling;
    }
    else { //IE6,7,8
        return element.nextSibling;
    }
}
//获取上一个元素
gys.prototype.getElementPrev = function (element) {
    if (element.previousElementSibling) {
        return element.previousElementSibling
    }
    else {
        return element.previousSibling; 
    }
}

//ajax
/*
gys.ajax({ type: "get", url: "gps.txt", success: function (data) {
                  alert("成功" + data);
              }, error: function (data) {
                  alert(data);
              }
  });
*/
gys.prototype.ajax = function (json) {
    //1.创建服务器
    var oAjax = null;
    if (window.XMLHttpRequest) {
        oAjax = new XMLHttpRequest();
    }
    else { //IE6
        oAjax = new ActiveXObject("Microsoft.XMLHTTP");
    }
    /*2.连接服务器
    open(方法,文件名,异步传输);
    */
    //oAjax.open("GET", "gys.txt?=" + new Date().getTime(), true); //这里的date是为了去除缓存
    oAjax.open(json.type.toUpperCase(), json.url, true);
    //3.发送请求
    oAjax.send();
    //4.接受返回
    oAjax.onreadystatechange = function () {
        /*
        oAjax.readyState:浏览器和服务器交互经行到哪一步了
        0:未初始化.还没有调用open()方法.
        1:载入.已调用send()方法,正在发送请求
        2:载入完成.send()方法完成,已收到全部响应内容,这个时候的数据是可能没法使用,因为这个数据是加密过的,也有可能是为了节省带宽,进行压缩过的.
        3:解析.正在解析相应内容
        4:完成.响应内容解析完成,可以在客户端调用了.                  
        */
        if (oAjax.readyState == 4) {//读取完成(并不代表成功)
            if (oAjax.status == 200) { //成功
                //alert("成功" + oAjax.responseText);
                json.success(oAjax.responseText);
            }
            else {
                //alert("失败");
                //json.error(oAjax.responseText);
                if (json.error) {
                    json.error("错误:"+oAjax.status);
                }
            }
        }
    }
}

//获取浏览器窗口位置
gys.prototype.getScreenPos = function () {
    /*
    IE,Safari,Opera,Chrome提供screenLeft和screenTop
    Safari,Chrome,Firefox支持screenX和screenY(Opera对这个属性支持有差异)
    */
    var left = (typeof window.screenLeft == "number") ? window.screenLeft : window.screenX;
    var top = (typeof window.screenTop == "number") ? window.screenTop : window.screenY;
    return { left: left, top: top };
}
gys.prototype.addHandler = function (element, type, handler) {//注册事件
    if (element.addEventListener) {//非IE
        element.addEventListener(type, handler, false);
    }
    else if (element.attachEvent) {//IE
        element.attachEvent("on" + type, handler);
    }
    else {//dom0级
        element["on" + type] = handler;
    }
}
gys.prototype.removeHandler = function (element, type, handler) { //取消注册事件
    if (element.removeEventListener) {//非IE
                element.removeEventListener(type, handler, false);
            }
            else if (element.detachEvent) {//IE
                element.detachEvent("on" + type, handler);
            }
            else {//dom0级
                element["on" + type] = null;
            }
        }
gys.prototype.getEvent=function (event) {//返回event的引用
        return event ? event : window.event;
    }
gys.prototype.getTarget=function (event) {//返回鼠标单击的目标对象
        return event.target || event.srcElement;
    }
gys.prototype.preventDefault=function (event) {//取消默认事件(a的href,radio,checkbox,)
        if (event.preventDefault) {
            event.preventDefault();
        }
        else {
            event.returnValue = false;
        }
    }
gys.prototype.stopPropagation= function (event) {//因为这个EventUtil只支持冒泡,不支持事件捕获,所以这个方法只能阻止冒泡
        if (event.stopPrapagation) {
            event.stopPropagation();
        }
        else {
            event.cancelBubble = true;
        }
    }
gys.prototype.getRelatedTarget=function (event) {//获取相关元素
        /*
        页面中有一个div;当鼠标离开这个div时,事件的主目标是div,而相关元素是body.
        mouseover:事件的主目标是获得光标的元素,而相关元素就是那个失去光标的元素.
        mouseout:事件的主目标是失去光标的元素,而相关元素使获得光标的那个元素.
        */
        if (event.relatedTarget) { return event.relatedTarget; }
        else if (event.toElement) { return event.toElement; }
        else if (event.fromElement) { return event.fromElement; }
        else { return null; }
    }
gys.prototype.getButton= function (event) {//获取鼠标按钮的点击方式
        if (document.implementation.hasFeature("MouseEvents", "2.0")) { return event.button; }
        else {
            switch (event.button) {
                case 0:
                case 1:
                case 3:
                case 5:
                case 7:
                    return 0; //左击
                case 2:
                case 6:
                    return 2; //中间键
                case 4:
                    return 1; //右击
            }
        }
    }
gys = new gys();