js 自定义获得类class和获得id


使用js获取类名,但是低版本浏览器不支持getElementsByClassName,所以我们就需要自定义getClassName,方便跨浏览器使用。

当然,如果采用jquery就不需要。

//获取类名
//兼容一个标签中存在多个类名
function getClassName(className,id){
    //如果浏览器支持getElementsByClassName
    if(document.getElementsByClassName){
        //判断是否有id
        if(id){
            return document.getElementById(id).getElementsByClassName(className);
        }else{
            return document.getElementsByClassName(className);
        }
    }
    if(id){    //如果浏览器不支持getElementsByClassName
        var demo = document.getElementById(id).getElementsByTagName("*");
        var arr= [];

        for(var i=0;i<demo.length;i++){
            var text = demo[i].className.split(" ");
            for(var j=0;j<text.length;j++){
                if(text[j] == className){
                    arr.push(demo[i]);
                }
            }
        }
        return arr;
    }else{
        var demo = document.getElementsByTagName("*");
        var arr= [];

        for(var i=0;i<demo.length;i++){
            var text = demo[i].className.split(" ");
            for(var j=0;j<text.length;j++){
                if(text[j] == className){
                    arr.push(demo[i]);
                }
            }
        }
        return arr;
    }
}

 获得id

function $(id){
    return document.getElementById(id);
}

如果要获取id为hh的元素,直接使用$("hh")即可

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM