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 相关文章推荐
让IE6支持min-width和max-width的方法
Jun 25 Javascript
JS实现在Repeater控件中创建可隐藏区域的代码
Sep 16 Javascript
一个JQuery写的点击上下滚动的小例子
Aug 27 Javascript
js 本地预览的简单实现方法
Feb 18 Javascript
jquery使用remove()方法删除指定class子元素
Mar 26 Javascript
JavaScript实现自动消除按钮功能的方法
Aug 05 Javascript
JavaScript与HTML的结合方法详解
Nov 23 Javascript
AngularJS中的DOM操作用法分析
Nov 04 Javascript
laydate时间日历插件使用方法详解
Nov 14 Javascript
vue+canvas实现移动端手写签名
May 21 Javascript
vue 添加和编辑用同一个表单,el-form表单提交后清空表单数据操作
Aug 03 Javascript
详解微信小程序(Taro)手动埋点和自动埋点的实现
Mar 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
php网站判断用户是否是手机访问的方法
2013/11/01 PHP
PHP的foreach中使用引用时需要注意的一个问题和解决方法
2014/05/29 PHP
PHP常用数组函数介绍
2014/07/28 PHP
10个值得深思的PHP面试题
2016/11/14 PHP
JavaScript DOM 学习第三章 内容表格
2010/02/19 Javascript
基于jquery的loading效果实现代码
2010/11/05 Javascript
详解Javascript动态操作CSS
2014/12/08 Javascript
js控制文本框只输入数字和小数点的方法
2015/03/10 Javascript
深入浅出分析javaScript中this用法
2015/05/09 Javascript
JS+DIV实现鼠标划过切换层效果的方法
2015/05/25 Javascript
jQuery validate插件实现ajax验证重复的2种方法
2016/01/22 Javascript
jquery心形点赞关注效果的简单实现
2016/11/14 Javascript
jQuery中 bind的用法简单介绍
2017/02/13 Javascript
详解webpack 入门总结和实践(按需异步加载,css单独打包,生成多个入口文件)
2017/06/20 Javascript
JS+HTML5 FileReader实现文件上传前本地预览功能
2020/03/27 Javascript
createObjectURL方法实现本地图片预览
2019/09/30 Javascript
javascript如何实现create方法
2019/11/04 Javascript
Node.js fs模块原理及常见用途
2020/10/22 Javascript
[04:52]2015国际邀请赛LGD战队晋级之路
2015/08/14 DOTA
解读python logging模块的使用方法
2018/04/17 Python
Python常用字符串替换函数strip、replace及sub用法示例
2018/05/21 Python
Python操作qml对象过程详解
2019/09/26 Python
基于Python共轭梯度法与最速下降法之间的对比
2020/04/02 Python
使用CSS3和Checkbox实现JQuery的一些效果
2015/08/03 HTML / CSS
linux系统都有哪些运行级别
2012/04/15 面试题
大专生自我鉴定范文
2013/10/01 职场文书
影视艺术学院毕业生自荐信
2013/11/13 职场文书
毕业生的自我评价范文
2013/12/31 职场文书
2014教师研修学习体会
2014/07/08 职场文书
教师党的群众路线教育实践活动学习心得体会
2014/10/30 职场文书
个人房屋租赁合同(标准范本)
2019/09/16 职场文书
Memcached介绍及php-memcache扩展安装
2021/04/01 PHP
详解MySQL中的主键与事务
2021/05/27 MySQL
Pygame Event事件模块的详细示例
2021/11/17 Python
2022年四月新番
2022/03/15 日漫
Python用tkinter实现自定义记事本的方法详解
2022/03/31 Python