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

getElementsByClassName 兼容 IE 8

时间:2016-04-25 00:30:33      阅读:223      评论:0      收藏:0      [点我收藏+]

标签:

 1 function getElements(node, className, item) {
 2         if (node.getElementsByClassName) {
 3             return node.getElementsByClassName(className)[item];
 4         } else {
 5             var results = new Array();
 6             var allEle = node.getElementsByTagName(‘*‘);
 7             for (var i = 0, l = allEle.length; i < l; i++) {
 8                 if (allEle[i].className.indexOf(className) != -1) {
 9                     results.push(allEle[i]);
10                 }
11             }
12             return results[item];
13         }
14     }

className 表示要获取的元素节点的类名,item表示 要获取的元素节点的序号(默认从0开始)

实例:

1 <ul>
2         <li class="li-element">111</li>
3         <li class="li-element">222</li>
4         <li class="li-element">333</li>
5         <li class="li-element">444</li>
6     </ul>

想要获取 ul 中第三个li元素节点,首先获取 ul 元素节点,var ulElement=document.getElementsByTagName(‘ul‘)[0];

然后再获取第三个 li 节点,var liElement=getElementsByClassName(ulElement,‘li-element‘,2);

博主正在学javascript,若有不足之处,望指出。

getElementsByClassName 兼容 IE 8

标签:

原文地址:http://www.cnblogs.com/hybueno/p/5428927.html

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