兼容所有浏览器的getElementsByClassName()函数
分类:实例代码
getElementsByClassName()对于低版本的IE浏览器存在兼容问题。
它的具体用法可以参阅getElementsByClassName()一章节。
下面分享一个代码片段,它实现了兼容功能。
代码如下:
function getClass(node, cln){ if(node.getElementsByClassName){ return node.getElementsByClassName(cln); } else { var results = new Array(); var eles = document.getElementsByTagName('*'); for(var i = 0; i < eles.length; i++){ if(eles[i].className.indexOf(cln) != -1){ results[results.length] = eles[i]; } } return results; } }
参数解析:
(1).node:规定要在哪个节点下查询元素。
(2).cln:class属性值。
兼容所有浏览器的getElementsByClassName()函数,这样的场景在实际项目中还是用的比较多的,关于兼容所有浏览器的getElementsByClassName()函数就介绍到这了。
兼容所有浏览器的getElementsByClassName()函数属于前端实例代码,有关更多实例代码大家可以查看。