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 ajax return没有返回值的解决方法
Oct 20 Javascript
javascript图片相似度算法实现 js实现直方图和向量算法
Jan 14 Javascript
jquery中post方法用法实例
Oct 21 Javascript
JavaScript数据结构和算法之二叉树详解
Feb 11 Javascript
javascript实现鼠标点击页面 移动DIV
Dec 02 Javascript
jQuery操作复选框(CheckBox)的取值赋值实现代码
Jan 10 Javascript
Node.js使用supervisor进行开发中调试的方法
Mar 26 Javascript
解决layui追加或者动态修改的表单元素“没效果”的问题
Sep 18 Javascript
vue引用外部JS的两种种方法
Jan 28 Javascript
微信小程序实现菜单左右联动
May 19 Javascript
vuex分模块后,实现获取state的值
Jul 26 Javascript
jQuery实现简单弹幕制作
Dec 10 jQuery
常用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支持页面回退的两种方法[转]
2007/02/14 PHP
用C/C++扩展你的PHP 为你的php增加功能
2012/09/06 PHP
php/js获取客户端mac地址的实现代码
2013/07/08 PHP
详解PHP中array_rand函数的使用方法
2016/09/11 PHP
PHP 数组黑名单/白名单实例代码详解
2019/06/04 PHP
jQuery UI Autocomplete 体验分享
2012/02/14 Javascript
JavaScript实现多维数组的方法
2013/11/20 Javascript
jquery插件unobtrusive实现片段式加载
2015/06/15 Javascript
javascript常用正则表达式汇总
2015/07/31 Javascript
jquery实现可关闭的倒计时广告特效代码
2015/09/02 Javascript
jQuery中的Deferred和promise 的区别
2016/04/03 Javascript
js判断手机号是否正确并返回的实现代码
2017/01/17 Javascript
JS实现中国公民身份证号码有效性验证
2017/02/20 Javascript
jQuery序列化后的表单值转换成Json
2017/06/16 jQuery
微信小程序实现弹出菜单功能
2018/06/12 Javascript
详解JavaScript中的函数、对象
2019/04/01 Javascript
微信小程序后台持续定位功能使用详解
2019/08/23 Javascript
vue实现弹幕功能
2019/10/25 Javascript
jquery使用echarts实现有向图可视化功能示例
2019/11/25 jQuery
微信小程序之左右布局的实现代码
2019/12/13 Javascript
浅谈vue权限管理实现及流程
2020/04/23 Javascript
Vue实现摇一摇功能(兼容ios13.3以上)
2021/01/26 Vue.js
[01:31:02]TNC vs VG 2019国际邀请赛淘汰赛 胜者组赛BO3 第一场
2019/08/22 DOTA
java中的控制结构(if,循环)详解
2019/06/26 Python
python GUI库图形界面开发之pyinstaller打包python程序为exe安装文件
2020/02/26 Python
python+OpenCV实现图像拼接
2020/03/05 Python
DVF官方网站:美国时装界尊尚品牌
2017/08/29 全球购物
思想政治自我鉴定
2013/10/06 职场文书
招商专员岗位职责
2014/02/08 职场文书
保护动物倡议书
2014/04/15 职场文书
生产车间标语
2014/06/11 职场文书
分公司总经理岗位职责
2014/07/30 职场文书
解决Mysql的left join无效及使用的注意事项说明
2021/07/01 MySQL
Java 语言中Object 类和System 类详解
2021/07/07 Java/Android
浅谈 JavaScript 沙箱Sandbox
2021/11/02 Javascript
码云(gitee)通过git自动同步到阿里云服务器
2022/12/24 Servers