美文网首页
document.getElementsByClassName的

document.getElementsByClassName的

作者: luichooy | 来源:发表于2016-07-24 16:55 被阅读332次

IE8及以下不支持document.getElementsByClassName()方法

兼容方法:

参数解释:

  1. getElementsByClass(classStr,eleName)
    classStr:类名,字符串
    eleName:元素名,字符串
    例如:getElementByClass('message','p');
  2. hasClass(ele,classStr)
    ele:元素对象,引用类型
    classStr:类名,字符串
function getElementsByClass(classStr,eleName){
    if (document.getElementsByClassName) {
        return document.getElementsByClassName(classStr);
    }else{
        var node=document.getElementsByTagName(eleName);
        var ele=[];
        for(var i=0;i<node.length;i++){
            if(hasClass(node[i],classStr)){
                ele.push(node[i])
            }
        }
        return ele;
    }
}

function hasClass(ele,classStr){
    var classSet=ele.className.split(/\s+/);
    for(var i=0;i<classSet.length;i++){
        if(classSet[i]==classStr){
            return true;
        }
    }
    return false;
}

相关文章

网友评论

      本文标题:document.getElementsByClassName的

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