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中的extend方法实现原理
Feb 27 Javascript
JavaScript获取表格(table)当前行的值、删除行、增加行
Jul 03 Javascript
JavaScript检测并限制复选框选中个数的方法
Aug 12 Javascript
深入学习jQuery Validate表单验证
Jan 18 Javascript
HTML中setCapture、releaseCapture 使用方法浅析
Sep 25 Javascript
json定义及jquery操作json的方法
Oct 03 Javascript
JavaScript实现简单图片轮播效果
Aug 21 Javascript
关于axios不能使用Vue.use()浅析
Jan 12 Javascript
使用vuex的state状态对象的5种方式
Apr 19 Javascript
跨域请求两种方法 jsonp和cors的实现
Nov 11 Javascript
vue中利用Promise封装jsonp并调取数据
Jun 18 Javascript
Angular.JS读取数据库数据调用完整实例
Jul 02 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中ajax使用实例教程
2014/08/22 PHP
PHP aes (ecb)解密后乱码问题
2015/06/22 PHP
分享一个漂亮的php验证码类
2016/09/29 PHP
PHP 文件上传后端处理实用技巧方法
2017/01/06 PHP
HTML中不支持静态Expando的元素的问题
2007/03/08 Javascript
JavaScript中链式调用之研习
2011/04/07 Javascript
JS 添加网页桌面快捷方式的代码详细整理
2012/12/27 Javascript
Js中的onblur和onfocus事件应用介绍
2013/08/27 Javascript
用js闭包的方法实现多点标注冒泡示例
2014/05/29 Javascript
javascript 对象数组根据对象object key的值排序
2015/03/09 Javascript
实现前后端数据交互方法汇总
2015/04/07 Javascript
jQuery插件slides实现无缝轮播图特效
2015/04/17 Javascript
JavaScript中的toDateString()方法使用详解
2015/06/12 Javascript
JS实现按比例缩放图片的方法(附C#版代码)
2015/12/08 Javascript
javascript实现网页端解压并查看zip文件
2015/12/15 Javascript
Three.js学习之正交投影照相机
2016/08/01 Javascript
相册展示PhotoSwipe.js插件实现
2016/08/25 Javascript
JS表单验证方法实例小结【电话、身份证号、Email、中文、特殊字符、身份证号等】
2017/02/14 Javascript
提高Web性能的前端优化技巧总结
2017/02/27 Javascript
Python实现获取域名所用服务器的真实IP
2015/10/25 Python
浅谈numpy库的常用基本操作方法
2018/01/09 Python
Python中super函数用法实例分析
2019/03/18 Python
Python 给屏幕打印信息加上颜色的实现方法
2019/04/24 Python
基于Python打造账号共享浏览器功能
2019/05/30 Python
python读取多层嵌套文件夹中的文件实例
2020/02/27 Python
利用CSS3的3D效果制作正方体
2020/03/10 HTML / CSS
世界上最大的汽车共享网站:Zipcar
2017/01/14 全球购物
AJax面试题
2014/11/25 面试题
土木工程个人自荐信范文
2013/11/30 职场文书
工程业务员岗位职责
2013/12/31 职场文书
2014学校庆三八妇女节活动总结
2014/03/01 职场文书
庆祝教师节标语
2014/10/09 职场文书
2014年仓库管理工作总结
2014/12/17 职场文书
2016年小学生教师节广播稿
2015/12/18 职场文书
用python开发一款操作MySQL的小工具
2021/05/12 Python
如何设计高效合理的MySQL查询语句
2021/05/26 MySQL