all know: 除IE8及以下版本,getElementsByClassName方法在所有浏览器中都实现了。
本文来分析总结下不同框架或库中,getElementsByClassName的兼容IE8-的实现方法。
框架:NEJ, kissy
库: jQuery
一、NEJ框架的实现方法
__getElementsByClassName = function(_element,_class){
var _result = [],
_regexp = new RegExp(‘(\\s|^)(?:‘+_class.replace(/\s+/g,‘|‘)+‘)(?=\\s|$)‘);
_u._$forEach(
_element.getElementsByTagName(‘*‘),
function(_node){
if (_regexp.test(_node.className)){
_result.push(_node);
}
}
);
return _result;
};
二、在网友 Ruby’s Louvre 的一篇总结的基础上稍加改进,并调试通过 得到的一种方法:
/* 第一个参数是必须的,后两个参数是可选的,兼容IE6/7/8 */
var getElementsByClassName = function (searchClass, node,tag) {
if(document.getElementsByClassName){
var nodes = (node || document).getElementsByClassName(searchClass),result = [];
for(var i=0 ;node = nodes[i++];){
if(!!tag){
if(tag !== "*" && node.tagName === tag.toUpperCase()){
result.push(node);
}
}else{
result.push(node);
}
}
return result;
}else{
node = node || document;
tag = tag || "*";
var result = [];
var classes = searchClass.split(" "),
elements = (tag === "*" && node.all)? node.all : node.getElementsByTagName(tag),
patterns = [],
current,
match;
var i = classes.length;
while(--i >= 0){
patterns.push(new RegExp("(^|\\s)" + classes[i] + "(\\s|$)"));
}
var j = elements.length;
while(--j >= 0){
current = elements[j];
match = false;
for(var k=0,n=0, kl=patterns.length; k<kl; k++){
match = patterns[k].test(current.className);
if (match) n++;
}
if(n == kl){
result.push(current);
}
}
return result;
}
}
getElementsByClassName("filament_table red cell") ;
getElementsByClassName("filament_table red cell",document,"div") ;
未完,待修改...
时间: 2025-01-05 14:58:02