美文网首页
函数封装(原生)

函数封装(原生)

作者: 清葉 | 来源:发表于2017-03-08 22:30 被阅读0次

    getStyle 批量获取(设置)样式

    function getStyle() {
        if (arguments.length==3){
            arguments[0].style[arguments[1]]=arguments[2];
        }else{
            for(var name in arguments[1]){
                arguments[0].style[name]=arguments[1][name];
            }
        }
    }
    

    getByClass 通过class获取标签的兼容写法

    function getByClass(obj,aClass){
        var res=[];
        if(obj.getElementsByClassName){
            res=obj.getElementsByClassName(aClass);
        }else{
            var aEl=obj.getElementsByTagName('*');
            for(var i=0;i<aEl.length;i++){
                var arr=aEl[i].className.split(' ');
                if(arr==aClass){
                    res.push(aEl[i]);
                }
            }
        }
        return res;
    }
    

    非行间样式

    function getStyle(obj,sTyle){
        return obj.currentStyle?
            obj.currentStyle[sTyle]:
            getComputedStyle(obj,false)[sTyle];
    }
    

    补0

    function toDu(n){
        return n<10?'0'+n:''+n;
    }
    

    随机数

    function rnd(n,m){
        return parseInt(Math.random()*(m-n)+n);
    }
    

    去重

    function findInArray(arr,iNum){
        for(var i=0;i<arr.length;i++){
            if(arr[i]==iNum){
                return true;
            }
        }
        return false;
    }
    

    数组排序

    function aaa(arr){
        var arr1=arr.sort(function (n1,n2) {
                        return n1-n2;
                    })
        return arr1;
    }
    

    选项卡

    function tab(id,even){
                var oDiv=document.getElementById(id);
                var aBtn=oDiv.getElementsByTagName('input');
                var aDiv=oDiv.getElementsByTagName('div');
                for(var i=0;i<aBtn.length;i++){
                    aBtn[i].index=i;
                    aBtn[i][even]=function(){
                        for(var i=0;i<aBtn.length;i++){
                            aBtn[i].className='';
                            aDiv[i].style.display='none';
                        };
                        this.className='red';
                        aDiv[this.index].style.display='block';
                };
                };
    };
    

    相关文章

      网友评论

          本文标题:函数封装(原生)

          本文链接:https://www.haomeiwen.com/subject/rguigttx.html