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


Posted in Javascript onDecember 20, 2016

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
extJs 下拉框联动实现代码
Apr 09 Javascript
JavaScript打开word文档的实现代码(c#)
Apr 16 Javascript
js二级地域选择的实现方法
Jun 17 Javascript
在Node.js中实现文件复制的方法和实例
Jun 05 Javascript
jQuery弹出框代码封装DialogHelper
Jan 30 Javascript
jquery+ajax实现直接提交表单实例分析
Jun 17 Javascript
文件上传的几个示例分享【推荐】
Dec 16 Javascript
详解Vue CLI3配置解析之css.extract
Sep 14 Javascript
微信小程序自定义多列选择器使用详解
Jun 21 Javascript
layer ui 导入文件之前传入数据的实例
Sep 23 Javascript
js常用方法、检查是否有特殊字符串、倒序截取字符串操作完整示例
Jan 26 Javascript
three.js如何实现3D动态文字效果
Mar 03 Javascript
常用JS图片滚动(无缝、平滑、上下左右滚动)代码大全(推荐)
Dec 20 #Javascript
jquery+html仿翻页相册功能
Dec 20 #Javascript
JS实现拖拽的方法分析
Dec 20 #Javascript
JS实现Ajax的方法分析
Dec 20 #Javascript
JS实现淡入淡出图片效果的方法分析
Dec 20 #Javascript
自学实现angularjs依赖注入
Dec 20 #Javascript
JS多物体实现缓冲运动效果示例
Dec 20 #Javascript
You might like
PHP统计二维数组元素个数的方法
2013/11/12 PHP
PHP快速按行读取CSV大文件的封装类分享(也适用于其它超大文本文件)
2014/04/10 PHP
浅析Laravel5中队列的配置及使用
2016/08/04 PHP
Ajax和PHP正则表达式验证表单及验证码
2016/09/24 PHP
php利用imagemagick实现复古老照片效果实例
2017/02/16 PHP
PHP使用gearman进行异步的邮件或短信发送操作详解
2020/02/27 PHP
动态加载图片路径 保持JavaScript控件的相对独立性
2010/09/06 Javascript
开发中可能会用到的jQuery小技巧
2014/03/07 Javascript
5个数组Array方法: indexOf、filter、forEach、map、reduce使用实例
2015/01/29 Javascript
javascript中offset、client、scroll的属性总结
2015/08/13 Javascript
jQuery实现图片预加载效果
2015/11/27 Javascript
JavaScript中通过提示框跳转页面的方法
2016/02/14 Javascript
JavaScript实现移动端滑动选择日期功能
2016/06/21 Javascript
JS 滚动事件window.onscroll与position:fixed写兼容IE6的回到顶部组件
2016/10/10 Javascript
微信小程序 特效菜单抽屉效果实例代码
2017/01/11 Javascript
angularjs的单选框+ng-repeat的实现方法
2018/09/12 Javascript
微信小程序swiper禁止用户手动滑动代码实例
2019/08/23 Javascript
JS回调函数深入理解
2019/10/16 Javascript
微信小程序 下拉刷新及上拉加载原理解析
2019/11/06 Javascript
你可能从未使用过的11+个JavaScript特性(小结)
2020/01/08 Javascript
JavaScript 声明私有变量的两种方式
2021/02/05 Javascript
python通过pil为png图片填充上背景颜色的方法
2015/03/17 Python
python简单实现计算过期时间的方法
2015/06/09 Python
Python操作RabbitMQ服务器实现消息队列的路由功能
2016/06/29 Python
Python Django框架单元测试之文件上传测试示例
2019/05/17 Python
python安装numpy和pandas的方法步骤
2019/05/27 Python
Python解析命令行读取参数之argparse模块
2019/07/26 Python
pandas apply多线程实现代码
2020/08/17 Python
英国奢侈皮具品牌:Aspinal of London
2018/09/02 全球购物
硕士研究生自我鉴定
2013/11/08 职场文书
办公室秘书自我鉴定
2014/01/18 职场文书
微信营销策划方案
2014/02/24 职场文书
洗发露广告词
2014/03/14 职场文书
单位工作证明范本
2015/06/15 职场文书
催款函怎么写
2015/06/24 职场文书
新闻简讯格式及范文
2015/07/22 职场文书