JavaScript通过class获取元素
1、方法代码如下:functiongetByClass(sClass){ var aResult=[]; var aEle=document.getElementsByTagName('*'); for(var i=0;i<aEle.length;i++){ /*当className相等时添加到数组中*/ if(aEle[i].className==sClass){ aResult.push(aEle[i]); } } return aResult;};
2、调用方法(实际使用):window.onload=function (){ var aBox=getByClass("box"); for(var i=0;i<aBox.length;i++){ alert(aBox[i].innerHTML); }};
3、方法一分析:此方法只适用于只有一个class的元素,如果包含多个class,HTML:<div class="box aa bb">第一个</div><div class="box dd">第二个</div><div class="box">第三个</div>那么第一个和第二个元素就无法获取了。原因:判断条件是if(aEle[i].className==sClass),只有当className与要选的class完全相等时才获取。
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:63
阅读量:22
阅读量:33
阅读量:88
阅读量:38