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 相关文章推荐
JQuery验证工具类搜集整理
Jan 16 Javascript
JS控制日期显示的小例子
Nov 23 Javascript
js鼠标滑轮滚动事件绑定的简单实例(兼容主流浏览器)
Jan 14 Javascript
ie 7/8不支持trim的属性的解决方案
May 23 Javascript
js调试系列 断点与动态调试[基础篇]
Jun 18 Javascript
jQuery实现的一个tab切换效果内部还嵌有切换
Aug 10 Javascript
javascript制作网页图片上实现下雨效果
Feb 26 Javascript
javascript获取以及设置光标位置
Feb 16 Javascript
js中的数组对象排序分析
Dec 11 Javascript
javascript防抖函数debounce详解
Jun 11 Javascript
vue 动态添加class,三个以上的条件做判断方式
Nov 02 Javascript
JS不要再到处使用绝对等于运算符了
Apr 30 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
对于ThinkPHP框架早期版本的一个SQL注入漏洞详细分析
2014/07/04 PHP
PHP实现设计模式中的抽象工厂模式详解
2014/10/11 PHP
朋友网关于QQ相关的PHP代码(研究QQ的绝佳资料)
2015/01/26 PHP
PHP简单实现断点续传下载的方法
2015/09/25 PHP
php传值和传引用的区别点总结
2019/11/19 PHP
js创建子窗口并且回传值示例代码
2013/07/02 Javascript
wap手机图片滑动切换特效无css3元素js脚本编写
2014/07/28 Javascript
原生javascript实现的分页插件pagenav
2014/08/28 Javascript
jquery实现动态画圆
2014/12/04 Javascript
JavaScript中数组成员的添加、删除介绍
2014/12/30 Javascript
js实现遍历含有input的table实例
2015/12/07 Javascript
CSS中position属性之fixed实现div居中
2015/12/14 Javascript
Node.js实现兼容IE789的文件上传进度条
2016/09/02 Javascript
Vue.js常用指令汇总(v-if、v-for等)
2016/11/03 Javascript
Vue from-validate 表单验证的示例代码
2017/09/26 Javascript
JavaScript基础心法 数据类型
2018/03/05 Javascript
详解如何在你的Vue项目配置vux
2018/06/04 Javascript
在NodeJs中使用node-schedule增加定时器任务的方法
2020/06/08 NodeJs
vue radio单选框,获取当前项(每一项)的value值操作
2020/09/10 Javascript
[49:58]完美世界DOTA2联赛PWL S3 Magma vs DLG 第一场 12.18
2020/12/19 DOTA
python基础教程之面向对象的一些概念
2014/08/29 Python
详解Python中用于计算指数的exp()方法
2015/05/14 Python
python引入导入自定义模块和外部文件的实例
2017/07/24 Python
python检测文件夹变化,并拷贝有更新的文件到对应目录的方法
2018/10/17 Python
python 实现批量替换文本中的某部分内容
2019/12/13 Python
Selenium元素定位的30种方式(史上最全)
2020/05/11 Python
html5写一个BUI折叠菜单插件的实现方法
2019/09/11 HTML / CSS
周年庆典邀请函范文
2014/01/24 职场文书
怎样写好自我评价呢?
2014/02/16 职场文书
事务机电主管工作职责
2014/02/25 职场文书
注册资产评估专业求职信
2014/07/16 职场文书
大学生万能检讨书范例
2014/10/04 职场文书
教师党员个人整改措施
2014/10/27 职场文书
卖房协议书样本
2014/10/30 职场文书
2014年机关党建工作总结
2014/11/11 职场文书
小学英语听课心得体会
2016/01/14 职场文书