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 Jquery 遍历Json的实现代码
Mar 31 Javascript
JSON 数据格式介绍
Jan 13 Javascript
node.js中的path.dirname方法使用说明
Dec 09 Javascript
DOM基础教程之模型中的模型节点
Jan 19 Javascript
JS实现网页Div层Clone拖拽效果
Sep 26 Javascript
全面解析Bootstrap表单使用方法(表单样式)
Nov 24 Javascript
easyui 中的datagrid跨页勾选问题的实现方法
Jan 18 Javascript
JavaScript实现瀑布流图片效果
Jun 30 Javascript
js断点调试心得分享(必看篇)
Dec 08 Javascript
Vue 实现树形视图数据功能
May 07 Javascript
详解Vue CLI3配置解析之css.extract
Sep 14 Javascript
在vue中解决提示警告 for循环报错的方法
Sep 28 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
header中Content-Disposition的作用与使用方法
2012/06/13 PHP
PHP中返回引用类型的方法
2015/04/03 PHP
php+html5实现无刷新图片上传教程
2016/01/22 PHP
如何在PHP中使用AES加密算法加密数据
2020/06/24 PHP
JS 获取span标签中的值的代码 支持ie与firefox
2009/08/24 Javascript
JQuery 浮动导航栏实现代码
2009/08/27 Javascript
JavaScript 消息框效果【实现代码】
2016/04/27 Javascript
开源免费天气预报接口API及全国所有地区代码(国家气象局提供)
2016/12/26 Javascript
Javascript 高性能之递归,迭代,查表法详解及实例
2017/01/08 Javascript
JavaScript实现一个简易的计算器实例代码
2018/05/10 Javascript
iView-admin 动态路由问题的解决方法
2018/10/03 Javascript
js实现下拉框二级联动
2018/12/04 Javascript
五分钟搞懂Vuex实用知识(小结)
2019/08/12 Javascript
Vue实现多标签选择器
2019/11/28 Javascript
echarts实现折线图的拖拽效果
2019/12/19 Javascript
Postman无法正常返回结果问题解决
2020/08/28 Javascript
[03:32]2014DOTA2西雅图邀请赛 CIS外卡赛赛前black专访
2014/07/09 DOTA
[01:06:25]Secret vs Liquid 2018国际邀请赛淘汰赛BO3 第一场 8.25
2018/08/29 DOTA
Pytest框架之fixture的详细使用教程
2020/04/07 Python
python的Jenkins接口调用方式
2020/05/12 Python
CSS3 制作绽放的莲花采用效果叠加实现
2013/01/31 HTML / CSS
html5 viewport使用方法示例详解
2013/12/02 HTML / CSS
全球领先的各类汽车配件零售商:Advance Auto Parts
2016/08/26 全球购物
挪威手表购物网站:Klokker
2016/09/19 全球购物
澳大利亚电子产品购物网站:Dick Smith
2017/02/02 全球购物
轻化专业学生实习自我鉴定
2013/09/20 职场文书
喝酒检查书范文
2014/02/23 职场文书
双创工作实施方案
2014/03/26 职场文书
不听老师话的万能检讨书
2014/10/04 职场文书
涉外离婚协议书怎么写
2014/11/20 职场文书
国庆庆典邀请函
2015/02/02 职场文书
遗失说明具结保证书
2015/02/26 职场文书
怀孕辞职信怎么写
2015/02/28 职场文书
运动会通讯稿300字
2015/07/20 职场文书
div与span之间的区别与使用介绍
2021/12/06 HTML / CSS
JavaScript实现外溢动态爱心的效果的示例代码
2022/03/21 Javascript