码迷,mamicode.com
首页 > 其他好文 > 详细

getElementsByClassName

时间:2015-06-28 01:14:10      阅读:141      评论:0      收藏:0      [点我收藏+]

标签:

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

getElementsByClassName

标签:

原文地址:http://www.cnblogs.com/junjieok/p/4604964.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!