常用的js函数

 function $(){ return document.getElementById(arguments[0])};

 /**
  * 得到上一个元素
  * @param {Object} elem
  */
 function prev(elem){
     do{
         elem = elem.previousSibling;
     } while(elem && elem.nodeType != 1);
     return elem;
 }

 /**
  * 得到下一个元素
  * @param {Object} elem
  */
 function next(elem){
     do{
         elem = elem.nextSibling;
     } while(elem && elem.nodeType != 1);
     return elem;
 }

 /**
  * 得到第一个元素
  * @param {Object} elem
  */
 function first(elem){
     elem = elem.firstChild;
     return elem && elem.nodeType != 1 ? next(elem) : elem;
 }

 /**
  * 得到最后一个元素
  * @param {Object} elem
  */
 function last(elem){
     elem = elem.lastChild;
     return elem && elem.nodeType != 1 ? prev(elem) : elem;
 }

 /**
  * 得到父元素
  * @param {Object} elem
  * @param {Number} num 需要寻找的父级级别
  */
 function parent(elem, num){
     num = num || 1;
     for(var i=0; i<num; i++){
         if(elem != null) elem = elem.parentNode; //原书中这块有错
     }
     return elem;
 }

 /**
  * 得到相关name元素
  * @param {String} name
  * @param {Object} elem
  */
 function tag(name, elem){
     return (elem || document).getElementsByTagName(name)
 }

 /**
  * 根据tag寻找
  * @param {String} name
  * @param {String} type
  */
 function hasClass(name, type){
     var r = [];
     var re = new RegExp('(^|\\s)'+name+'(\\s|$)');
     var e = document.getElementsByTagName(type || '*');
     for(var i=0; i<e.length; i++){
         if(re.test(e[i].className)){
             r.push(e[i]);
         }
     }
     return r;
     //http://www.cnblogs.com/rubylouvre/archive/2009/09/01/1557765.html //司徒兄有不同的看法
 }

 /**
  * 获取元素文本
  * @param {Object} e
  */
 function text(e){
     var t = '';
     e = e.childNodes || e;
     for(var i=0; i<e.length; i++){
         //如果不是元素，则追加其文本值
         t += e[i].nodeType != 1 ? e[i].nodeValue : text(e[i].childNodes);
     }
     return t;
 }

 /**
  *
  * @param {String} elem
  * @param {String} name
  * @param {String} value
  */
 function attr(elem, name, value){
     if(!name || name.constructor != String){
         return '';
     }
    
     //检查name的属性是否在怪异命名情形中
     name = {'for': 'htmlFor', 'class': 'className'}[name] || name;
    
     if(typeof value != 'undefined'){
         elem[name] = value;
         
         if(elem.setAttribute){
             elem.setAttribute(name, value);
         }
     }
    
     return elem[name] || elem.getAttribute(name) || '';
 }

 /**
  * 在另一个元素之前插件元素
  * @param {Object} parent
  * @param {Object} before
  * @param {String} elem
  */
 function before(parent, before, elem){
     if(elem == null){
         elem = before;
         before = parent;
         parent = before.parentNode;
     }
    
     //获取元素的新数组
     var elems = checkElem(elem);
    
     //向后遍历
     for(var i=elems.length; i>=0; i--){
         parent.insertBefore(elems[i], before);
     }
 }

 /**
  * 创建元素
  * @param {Object} elem
  */
 function create(elem){
     //测试是否用命名空间来创建新的元素
     return document.createElementNS ? document.createElementNS('http://www.w3.org/1999/xhtml', elem) : document.createElement(elem);
 }

 /**
  * before 辅助函数
  * @param {Object} elem
  */
 function checkElem(a){
     var r = [];
     if(a.constructor != Array){ a = [a]};
     for(var i=0; i<a.length; i++){
         //如果是字符串
         if(a[i].constructor == String){
             //用一个临时元素来存放HTML
             var div = document.createElement('div');
             div.innerHTML = a[i];
             //提取DOM结构到临时的div中
             for(var j=0; j<div.childNodes.length; j++){
                 r[r.length] = div.childNodes[j];
             }
         } else if(a[i].length){ //如果它是数组
             //假定DOM节点数组
             for(var j=0; j<a[i].length; j++){
                 r[r.length] = a[i][j];
             }
         } else { //否则假定是DOM节点
             r[r.length] = a[i];
         }
     }
    
     return r;
 }

 //此方法我已修改与原文中有异
 /**
  * 添加元素 (如果只有一个参数(无elem)，则直接添加到document.body上)
  * @param {Object} elem
  * @param {Object} parent
  */
 function append(parent, elem){
     if(elem == null){
         elem = parent;
         parent = null;
     }
    
     //获取元素数组
     var elems = checkElem(elem);
     for(var i=0; i< elems.length; i++){
         (parent || document.body).appendChild(elems[i]);
     }
 }

 /**
  * 删除独立的DOM
  * @param {Object} elem
  */
 function remove(elem){
     if(elem){ elem.parentNode.removeChild(elem) };
 }

 /**
  * 删除一个节点的所有子节点
  * @param {Object} elem
  */
 function empty(elem){
     while(elem.firstChild){
         remove(elem.firstChild);
     }
 }

 /**
  * 阻止事件冒泡
  * @param {Object} e
  */
 function stopBubble(e){
     if(e && e.stopPropagation){
         e.stopPropagation();
     } else {
         window.event.cancelBubble = true;
     }
 }

 function stopDefault(e){
     if(e && e.preventDefault){
         e.preventDefault();
     } else {
         window.event.returnValue = false;
     }
     return false;
 }

 /**
  * 得到外链样式
  * @param {Object} elem
  * @param {String} name
  */
 function getStyle(elem, name){
     if(elem.style[name]){
         return elem.style[name];
     } else if(elem.currentStyle){ //如果ie
         return elem.currentStyle[name];
     } else if(document.defaultView && document.defaultView.getComputedStyle){ //如果是不是w3c方法
         name = name.replace(/([A-Z])/g, '-$1');
         name = name.toLowerCase();
         
         //获取样式
         var s = document.defaultView.getComputedStyle(elem, '');
         return s && s.getPropertyValue(name);
     } else {
         return null;
     }
 }

 /**
  * 获取元素的x位置
  * @param {String} elem
  */
 function pageX(elem){
     return elem.offsetParent ? elem.offsetLeft + pageX(elem.offsetParent) : elem.offsetLeft;
 }

 /**
  * 获取元素的Y位置
  * @param {String} elem
  */
 function pageY(elem){
     return elem.offsetParent ? elem.offsetTop + pageY(elem.offsetParent) : elem.offsetTop;
 }

 /**
  * 获取元素相对于父级的x位置
  * @param {String} elem
  */
 function parentX(elem){
     return elem.parentNode == elem.offsetParent ? elem.offsetLeft : pageX(elem) - pageX(elem.parentNode);
 }

 /**
  * 获取元素相对于父级的Y位置
  * @param {String} elem
  */
 function parentY(elem){
     return elem.parentNode == elem.offsetParent ? elem.offsetTop : pageY(elem) - pageY(elem.parentNode);
 }

 /**
  * 查找元素的左端位置
  * @param {Object} elem
  */
 function posX(elem){
     return parseInt(getStyle(elem, 'left'));
 }

 /**
  * 查找元素的顶端位置
  * @param {Object} elem
  */
 function posY(elem){
     return parseInt(getStyle(elem, 'top'));
 }

 /**
  * 设置元素水平位置
  * @param {Object} elem
  * @param {Object} pos
  */
 function setX(elem, pos){
     elem.style.left = pos + 'px';
 }

 /**
  * 设置垂直水平位置
  * @param {Object} elem
  * @param {Object} pos
  */
 function setY(elem, pos){
     elem.style.top = pos + 'px';
 }

 /**
  * 获取高度
  * @param {Object} elem
  */
 function getHeight(elem){
     return parseInt(getStyle(elem, 'height'));
 }

 /**
  * 获取宽度
  * @param {Object} elem
  */
 function getWidth(elem){
     return parseInt(getStyle(elem, 'width'));
 }

 /**
  * 得到完整的高度，就算对象已隐藏
  * @param {Object} elem
  */
 function fullHeight(elem){
     //如果元素显示
     if(getStyle(elem, 'display') != 'none'){
         return elem.offsetHeight || getHeight(elem);
     }
    
     //如果不显示，则复原css
     var old = resetCss(ele, {
         display: '',
         visibility: 'hidden',
         position: 'absolute'
     });
    
     var h = elem.clientHeight || getHeight(elem);
     restoreCss(elem, old);
    
     return h;
 }

 /**
  * 恢复原有设置
  * @param {String} elem
  * @param {Object} prop
  */
 function resetCss(elem, prop){
     var old = {};
    
     for(var i in prop){
         old[i] = prop[i];
         elem.style[i] = prop[i];
     }
     return old;
 }

 /**
  *
  * @param {String} elem
  * @param {Object} old
  */
 function restoreCss(elem, old){
     for(var i in old){
         elem.style[i] = old[i];
     }
 }