手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

JavaScript通过class获取元素

时间:2024-10-25 18:01:25

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完全相等时才获取。

© 手抄报圈