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 相关文章推荐
JavaScript 事件属性绑定带参数的函数
Mar 13 Javascript
jQuery 使用手册(三)
Sep 23 Javascript
javascript中的array数组使用技巧
Jan 31 Javascript
关于JavaScript中name的意义冲突示例介绍
May 29 Javascript
jQuery使用模式窗口实现在主页面和子页面中互相传值的方法
Mar 01 Javascript
基于jQuery倒计时插件实现团购秒杀效果
May 13 Javascript
fckeditor部署到weblogic出现xml无法读取及样式不能显示问题的解决方法
Mar 24 Javascript
实例详解Vue项目使用eslint + prettier规范代码风格
Aug 20 Javascript
vue router的基本使用和配置教程
Nov 05 Javascript
微信小程序云开发之新手环境配置
May 16 Javascript
layui 关闭open弹出框 刷新table表格页面的方法
Sep 16 Javascript
Vue实现Header渐隐渐现效果的实例代码
Nov 05 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格式化时间戳显示友好的时间实现思路及代码
2014/10/23 PHP
php使用cookie显示用户上次访问网站日期的方法
2015/01/26 PHP
php mysql获取表字段名称和字段信息的三种方法
2016/11/13 PHP
PHP实现网页内容html标签补全和过滤的方法小结【2种方法】
2017/04/27 PHP
htm调用JS代码
2007/03/15 Javascript
js当一个变量为函数时 应该注意的一点细节小结
2011/12/29 Javascript
js使下拉列表框可编辑不止是选择
2013/12/12 Javascript
Jquery中offset()和position()的区别分析
2015/02/05 Javascript
JavaScript让Textarea支持tab按键的方法
2015/06/26 Javascript
jquery validate和jquery form 插件组合实现验证表单后AJAX提交
2015/08/26 Javascript
理解AngularJs指令
2015/12/10 Javascript
详解angularjs中的隔离作用域理解以及绑定策略
2017/05/31 Javascript
深入剖析Node.js cluster模块
2018/05/23 Javascript
Angular6封装http请求的步骤详解
2018/08/13 Javascript
layui中table表头样式修改方法
2018/08/15 Javascript
详解vue通过NGINX部署在子目录或者二级目录实践
2018/09/03 Javascript
vue模块移动组件的实现示例
2020/05/20 Javascript
解决vue-router路由拦截造成死循环问题
2020/08/05 Javascript
用Python制作检测Linux运行信息的工具的教程
2015/04/01 Python
全面理解Python中self的用法
2016/06/04 Python
Python实现的中国剩余定理算法示例
2017/08/05 Python
一百行python代码将图片转成字符画
2021/02/19 Python
python3实现网络爬虫之BeautifulSoup使用详解
2018/12/19 Python
tensor和numpy的互相转换的实现示例
2019/08/02 Python
使用pytorch搭建AlexNet操作(微调预训练模型及手动搭建)
2020/01/18 Python
Django Haystack 全文检索与关键词高亮的实现
2020/02/17 Python
Keras模型转成tensorflow的.pb操作
2020/07/06 Python
Space NK美国站:英国高端美妆护肤商城
2017/05/22 全球购物
Nike爱尔兰官方网站:Nike.com (IE)
2018/03/12 全球购物
澳大利高级泳装品牌:Bondi Born
2018/05/23 全球购物
Sandro法国官网:法国成衣品牌
2019/08/28 全球购物
初中生个人学习的自我评价
2013/12/04 职场文书
好媳妇事迹材料
2014/12/24 职场文书
幼儿园家长工作总结2015
2015/04/25 职场文书
2015大学迎新晚会主持词
2015/07/16 职场文书
趣味运动会口号
2015/12/24 职场文书