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

兼容IE的getElementsByClassName()方法

时间:2015-07-14 00:02:41      阅读:159      评论:0      收藏:0      [点我收藏+]

标签:

兼容IE8及以下的getElementsByClassName()方法

 1 
 2     function getElementsByClassName = function(className, tagName) {
 3         //如果浏览器支持getElementsByClassName()就直接返回
 4         if(document.getElementsByClassName){
 5             return document.getElementsByClassName(className)
 6         }
 7         //否则遍历document文档指定的标签名集合
 8         var children = document.getElementsByTagName(tagName);
 9         //此数组用于保存遍历后得到的class元素
10         var elements = new Array();
11      
12         for (var i = 0; i < children.length; i++) {
13             var child = children[i];
14             var classNames = child.className.split(‘ ‘);            //分割多个class元素
15             for (var j = 0; j < classNames.length; j++) {
16                 if (classNames[j] == className) {
17                     elements.push(child);
18                     break;
19                 }
20             }
21         }
22         return elements;
23     };

 

兼容IE的getElementsByClassName()方法

标签:

原文地址:http://www.cnblogs.com/jasontoyell/p/4644096.html

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