首页 新闻 会员 周边 捐助

用JavaScript实现getElementsByClass功能,即获取某个元素下含有某个class的所有元素。要求不使用任何第三

0
[已解决问题] 解决于 2013-12-23 14:45

    2. 用JavaScript实现getElementsByClass功能,即获取某个元素下含有某个class的所有元素。要求不使用任何第三方库或框架。
 
如以下代码:
 
<div id="”test”">
 
<div class=”clsA”>A</div>
 
<div class=”clsB”>B</div>
 
<div class=”clsA”>C</div>
 
<div class=”clsC”>D</div>
 
<div class=”clsA”>E</div>
 
</div>
 
获取以上所有class为clsA的元素,并存储到数组中。

xiaoleilei的主页 xiaoleilei | 初学一级 | 园豆:80
提问于:2013-10-30 16:36
< >
分享
最佳答案
0
//1.可以让低版本的浏览器使用
function getElementsByClassName(classname, node)  {
    if(!node) node = document.getElementsByTagName("body")[0];
    var a = [];
    var re = new RegExp('\\b' + classname + '\\b');
    var els = node.getElementsByTagName("*");
    for(var i=0,j=els.length; i<j; i++)
       if(re.test(els[i].className))a.push(els[i]);
    return a;
}
//2.在比较新的浏览器版本 可以直接使用
document.getElementsByClassName("clsA");
奖励园豆:5
秋壶冰月 | 大侠五级 |园豆:5903 | 2013-10-30 17:04
其他回答(1)
0

var dom = docuemnt.getElementById("test").getElementsByClass("clsA");

var arry  = new Array();

for(var i=0;i<dom.length;i++)

{

  arry.push(dom[i]);

}

Zery | 园豆:6151 (大侠五级) | 2013-10-30 17:00
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册