IE不支持getElementsByClassName最终完美解决方案

目前可以这么解决，判断浏览器支不支持这个方法，如果支持就不管；如果不支持，就在document对象里加入getElementsByClassName这个方法，这样的写法有一个好处，即不管有没有原生函数你都不用去修改代码。

通常先使用getElementsByTagName('*')取出文档中所有元素，然后进行遍历，使用正则表达式找出匹配的元素放入一个数组返回。由于IE5不支持document.getElementsByTagName('*')，要使用分支document.all以防错误

下面的方法完美支持了document写法复制代码 代码如下:if(!document.getElementsByClassName){ document.getElementsByClassName = function(className, element){ var children = (element || document).getElementsByTagName(’*’); var elements = new Array(); for (var i=0; ichildren.length; i++){ var child = children[i]; var classNames = child.className.split(’ ’); for (var j=0; jclassNames.length; j++){ if (classNames[j] == className){ elements.push(child); break; } } } return elements; }; }最终的方案为：复制代码 代码如下: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 !== '*' tag = tag || '*'; var classes = searchClass.split(' '), elements = (tag === '*' 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, kl=patterns.length; kkl; k++){ match = patterns[k].test(current.className); if (!match) break; } if (match) result.push(current); } return result; } }

您可能感兴趣的文章:javascript getElementsByClassName 和js取地址栏参数javascript getElementsByClassName函数javascript getElementsByClassName实现代码js 获取class的元素的方法 以及创建方法getElementsByClassName关于IE中getElementsByClassName不能用的问题解决方法IE浏览器不支持getElementsByClassName的解决方法推荐一个封装好的getElementsByClassName方法