自己根据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();