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 相关文章推荐
10个基于Jquery的幻灯片插件教程
Oct 29 Javascript
Ext.get() 和 Ext.query()组合使用实现最灵活的取元素方式
Sep 26 Javascript
node.js中的buffer.Buffer.isBuffer方法使用说明
Dec 14 Javascript
js分页工具实例
Jan 28 Javascript
JavaScript实现文字与图片拖拽效果的方法
Feb 16 Javascript
jqGrid中文文档之选项设置
Dec 02 Javascript
jQuery自定义动画函数实例详解(附demo源码)
Dec 10 Javascript
mac上node.js环境的安装测试
Jul 03 Javascript
JS模拟超市简易收银台小程序代码解析
Aug 18 Javascript
vue.js实现简单轮播图效果
Oct 10 Javascript
JS中的回调函数实例浅析
Mar 21 Javascript
小程序转发探索示例
Feb 19 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中使用与Perl兼容的正则表达式
2006/11/26 PHP
PHP中运用jQuery的Ajax跨域调用实现代码
2012/02/21 PHP
PHP 中提示undefined index如何解决(多种方法)
2016/03/16 PHP
php简单的上传类分享
2016/05/15 PHP
基于ThinkPHP5.0实现图片上传插件
2017/09/25 PHP
JavaScript静态的动态
2006/09/18 Javascript
javascript 时间比较实现代码
2009/10/28 Javascript
javascript多种数据类型表格排序代码分析
2010/09/11 Javascript
无闪烁更新网页内容JS实现
2013/12/19 Javascript
分享2个jQuery插件--jquery.fileupload与artdialog
2014/12/26 Javascript
JavaScript中5种调用函数的方法
2015/03/12 Javascript
javaScript数组迭代方法详解
2016/04/14 Javascript
jquery中绑定事件的异同
2017/02/28 Javascript
利用yarn代替npm管理前端项目模块依赖的方法详解
2017/09/04 Javascript
基于Vue的SPA动态修改页面title的方法(推荐)
2018/01/02 Javascript
使用electron实现百度网盘悬浮窗口功能的示例代码
2018/10/24 Javascript
vue指令之表单控件绑定v-model v-model与v-bind结合使用
2019/04/17 Javascript
[02:50]2014DOTA2 TI预选赛预选赛 大神专访第一弹!
2014/05/21 DOTA
[02:47]DOTA2亚洲邀请赛 HR战队出场宣传片
2015/02/07 DOTA
go和python调用其它程序并得到程序输出
2014/02/10 Python
Python爬虫之模拟知乎登录的方法教程
2017/05/25 Python
python中文分词教程之前向最大正向匹配算法详解
2017/11/02 Python
python线程join方法原理解析
2020/02/11 Python
python报错TypeError: ‘NoneType‘ object is not subscriptable的解决方法
2020/11/05 Python
现代生活方式的家具和装饰:Dot & Bo
2018/12/26 全球购物
法学专业个人求职信
2013/09/26 职场文书
职业生涯规划书基本格式
2014/01/06 职场文书
销售助理岗位职责
2014/02/21 职场文书
倡议书范文格式
2014/05/12 职场文书
如何写辞职书
2015/02/26 职场文书
人事行政助理岗位职责
2015/04/11 职场文书
检察院起诉意见书
2015/05/20 职场文书
详解PHP用mb_string处理windows中文字符
2021/05/26 PHP
Python办公自动化PPT批量转换操作
2021/09/15 Python
用Python实现屏幕截图详解
2022/01/22 Python
SQL Server实现分页方法介绍
2022/03/16 SQL Server