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

  • 如何使用SQL Developer为表新建唯一约束条件
  • Intellij idea 中的Darcula主题怎么把颜色改回来
  • SVN小乌龟如何更新提交项目?
  • JS怎样获取元素的子节点 怎样获取子元素
  • npm代理如何设置npm网络链接失败如何设置
  • 热门搜索
    爱护动物手抄报 关于孔子的手抄报 小学生感恩节手抄报 足球手抄报 文化手抄报 英语万圣节手抄报 二年级国庆节手抄报 文明用餐手抄报 健康手抄报资料 海洋知识手抄报