getElementsByClassName

getElementsByClassName不兼容低版本的浏览器,但是经常会用到根据class来获取dom对象,因此对getElementsByClassName做了一个兼容性的扩展代码如下:

 1     function getElementsByClassName(clsName,context){
 2         if(document.getElementsByClassName){
 3             return document.getElementsByClassName(clsName);
 4         }
 5         else{
 6             context=context || document;
 7             var cls=context.getElementsByTagName("*");
 8             var ref=[];
 9             for (var i = 0,len=cls.length; i < len; i++) {
10                 var cl=cls[i];
11                 if(cl.className.indexOf(clsName)>=0){
12                     ref.push(cl);
13                 }
14             };
15             return ref;
16         }
17     }

用法:

getElementsByClassName(clsName,[context])

clsName:需要获取的元素class名称,必须

context:在哪个对象下的元素(查找范围),非必须,当不传此参数时,默认是document

posted @ 2015-06-28 00:21  junjieok  阅读(569)  评论(0编辑  收藏  举报