您的位置:首页 > Web前端 > HTML5

getElementsByClassName兼容新老浏览器方法

2017-10-19 22:38 696 查看
html5 dom中新增了一个getElementsByClassName方法,我们可以通过class属性的类名访问到元素。

新出的方法多少有点兼容性问题,这个是跑不了的,为了弥补这个不足,可以用下面的代码去实现。

var getElementsByClassName(node,classname){
if (node.getElementsByClassName) {
//直接使用
return node.getElementsByClassName(classname);
} else{
var results = new Array();
var elems = node.getElementsByTagName("*");
for (var i = 0; i < elems.length; i++) {
if (elems[i].classname.indexOf(classname)!=-1) {
results[results.length]=elems[i];
}
}
return results
}
}


不过这个不适合类名太多的例子,不然很累的,效率也低。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  getElement html5 dom