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