zoukankan      html  css  js  c++  java
  • js 选择器

    var queryEle = function(selector){
            var selectReg = /^(#)?(.)?(w+)$/img;
            var result = selectReg.exec(selector),
                data = [];
            //id
            if(result[1]){
                if(result[3]){
                    if(typeof document.querySelector=='function'){
                        return document.querySelector(result[1]+result[3]);
                    }else{
                        return document.getElementById(result[3]);
                    }
                }
            }else
            //class
            if(result[2]){
                if(result[3]){
                    if(typeof document.getElementsByClassName=='function'){
                        var dom = document.getElementsByClassName(result[3]);
                        if(dom){
                            return converArr(dom);
                        }
                    }else{
                        var dom2 = document.getElementsByTagName('*');
                        for(var i=0;i<dom2.length;i++){
                            if(dom2[i].className.test(new RegExp(result[2]))){
                                data.push(dom2[i]);
                            }
                        }
                    }
                    return data;
                }
            }else
            if(result[3]) {
                var doms = document.getElementsByTagName(result[3].toLowerCase());
                if(doms) {
                    result = converArr(doms);
                }
            }
            return result;
    
        };
        function converArr(dom){
            var arr = null;
            try{
               arr = Array.prototype.slice.call(dom,0);
            }catch(e){
                for(var i=0;i<dom.length;i++){
                    arr.push(dom[i]);
                }
            }
            return arr;
        }
    
        console.log(queryEle('.left'));
    

      

  • 相关阅读:
    VMware虚拟机安装
    dmesg功能介绍
    Linux查看MAC地址方法
    linux介绍
    spring boot整合mybatis框架及增删改查(jsp视图)
    idea 热部署的配置
    idea注释类,方法
    idea2018破解
    BootStrap简单table
    解决bootstrap模态框居中问题
  • 原文地址:https://www.cnblogs.com/zfdai/p/5538401.html
Copyright © 2011-2022 走看看