欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

JS封装通过className获取元素的函数示例

程序员文章站 2022-05-23 08:50:33
本文实例讲述了js封装通过classname获取元素的函数。分享给大家供大家参考,具体如下:

本文实例讲述了js封装通过classname获取元素的函数。分享给大家供大家参考,具体如下:

<div id="box">
  <div class="star"></div>
  <div class="star"></div>
  <div class="app"></div>
  <p class="star"></p>
  <p class="ar"></p>
</div>

假设要获取所有.star元素

function getbyclass(oparent,sclass){
  var aele=oparent.getelementsbytagname("*");
  var aresult=[];
  var i;
  for(i=0;i<aele.length;i++){
    if(aele[i].classname==sclass){
      aresult.push(aele[i]);
    }
  }
  return aresult;
};
window.onload=function(){
  var box=document.getelementbyid("box");
  var star=getbyclass(box,"star");
};

更多关于javascript相关内容可查看本站专题:《javascript常用函数技巧汇总》、《javascript面向对象入门教程》、《javascript中json操作技巧总结》、《javascript切换特效与技巧总结》、《javascript查找算法技巧总结》、《javascript错误与调试技巧总结》、《javascript数据结构与算法技巧总结》、《javascript遍历算法与技巧总结》及《javascript数学运算用法总结

希望本文所述对大家javascript程序设计有所帮助。