JavaScript常用工具方法封装

7. DOM

$ (selector){  
    var type = selector.substring(0, 1); 
    if (type === '#') { 
        if (document.querySelecotor) return document.querySelector(selector) 
            return document.getElementById(selector.substring(1)) 
 
    }else if (type === '.') { 
        if (document.querySelecotorAll) return document.querySelectorAll(selector) 
            return document.getElementsByClassName(selector.substring(1)) 
    }else{ 
        return document['querySelectorAll' ? 'querySelectorAll':'getElementsByTagName'](selector) 
    } 
}  
 
/*检测类名*/ 
hasClass (ele, name) { 
    return ele.className.match(new RegExp('(s|^)' + name + '(s|$)')); 
} 
 
/*添加类名*/ 
addClass (ele, name) { 
    if (!this.hasClass(ele, name)) ele.className += " " + name; 
} 
 
/*删除类名*/ 
removeClass (ele, name) { 
    if (this.hasClass(ele, name)) { 
        var reg = new RegExp('(s|^)' + name + '(s|$)'); 
        ele.className = ele.className.replace(reg, ''); 
    } 
} 
 
/*替换类名*/ 
replaceClass (ele, newName, oldName) { 
    this.removeClass(ele, oldName); 
    this.addClass(ele, newName); 
} 
 
/*获取兄弟节点*/ 
siblings (ele) { 
    console.log(ele.parentNode) 
    var chid = ele.parentNode.children,eleMatch = [];  
    for(var i = 0, len = chid.length; i < len; i ++){  
        if(chid[i] != ele){  
            eleMatch.push(chid[i]);  
        }  
    }  
    return eleMatch; 
} 
 
/*获取行间样式属性*/ 
getByStyle (obj,name){ 
    if(obj.currentStyle){ 
        return  obj.currentStyle[name]; 
    }else{ 
        return  getComputedStyle(obj,false)[name]; 
    } 
} 

（编辑：威海站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!