标签:
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