推荐一个封装的getelementsbyclassname方法

我们知道,原生js提供getelementsbyclassname方法。我们可以通过这种方法得到一组包含指定类的节点。我们应该注意集合,也就是说,这个函数返回一个数组。

然而,IE不支持这种方法,但这种方法非常实用,所以我们必须实现这样一个专门针对IE的功能。

复制代码代码如下所示:

功能getelementsbyclassname(oele,课堂上,选择){

如果(oele。getelementsbyclassname){

返回oele.getelementsbyclassname(课堂上);

其他{ }

VaR的欧洲自由贸易联盟= oele.getelementsbytagname(选择| | *),

reg =新的正则表达式('(^ | S)+ sclass +($ | s)'),

ARR = { },

我= 0,

艾朗= aele.length;

为(;;i <艾朗;i++){

如果(reg.test(欧洲自由贸易联盟{我}。className)){

Arr.push(欧洲自由贸易联盟{我});

}

}

报酬;

}

}



使用方法uff1a

复制代码代码如下所示:

第一个:班/ box_box div元素下的所有文件

getelementsbyclassname(文档,'box_box ','div){ 0 }。风格背景=';

第二步:在盒子的div元素下选择所有的类/文档

getelementsbyclassname(文档,'box-box ','div){ 0 }。风格背景=';

第三:在box框元素下选择所有类文档

getelementsbyclassname(文档,'box-box){ 0 }。风格背景=';



OEle和课堂上的要求,选择是可选的。

在课堂上有一些问题,如中、水平或下划线,但例如,箱box_box,但如果有其他特殊字符,可能存在一些问题,如箱box.of美元,当然你可以自己添加特殊字符,如箱 $盒…

兼容性:支持IE6以上

男人们知道他们自己使用它。使用和传播给其他小伙伴是很好的。