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 相关文章推荐
XmlUtils JS操作XML工具类
Oct 01 Javascript
jquery 学习笔记一
Apr 07 Javascript
谈谈JavaScript中的函数与闭包
Apr 14 Javascript
Javascript 学习笔记之 对象篇(二) : 原型对象
Jun 24 Javascript
js获取IP地址的方法小结
Jul 01 Javascript
jQuery中:not选择器用法实例
Dec 30 Javascript
浅谈类似于(function(){}).call()的js语句
Mar 30 Javascript
JS实现控制表格行文本对齐的方法
Mar 30 Javascript
JS小数运算出现多为小数问题的解决方法
Jun 02 Javascript
Javascript学习之谈谈JS的全局变量跟局部变量(推荐)
Aug 28 Javascript
webpack+vue.js快速入门教程
Oct 12 Javascript
解决Vue项目中tff报错的问题
Oct 21 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
PhpMyAdmin中无法导入sql文件的解决办法
2010/01/08 PHP
PHP daddslashes 使用方法介绍
2012/10/26 PHP
深入剖析PHP中printf()函数格式化使用
2016/05/23 PHP
PHP编程一定要改掉的5个不良习惯
2020/09/18 PHP
网页中CDATA标记的说明
2010/09/12 Javascript
浅谈JavaScript编程语言的编码规范
2011/10/21 Javascript
JS实现为表格动态添加标题的方法
2015/03/31 Javascript
js实现点击链接后延迟3秒再跳转的方法
2015/06/05 Javascript
jQuery设置Cookie及删除Cookie实例分析
2016/04/15 Javascript
JS闭包可被利用的常见场景小结
2017/04/09 Javascript
Angular2监听页面大小变化的解决方法
2017/10/09 Javascript
详解vue 组件之间使用eventbus传值
2017/10/25 Javascript
angular基于ng-alain定义自己的select组件示例
2018/02/23 Javascript
Vue注册组件命名时不能用大写的原因浅析
2019/04/25 Javascript
JS实现的排列组合算法示例
2019/07/16 Javascript
微信小程序实现上传多张图片、删除图片
2020/07/29 Javascript
解决vue2中使用elementUi打包报错的问题
2020/09/22 Javascript
微信小程序实现可长按移动控件
2020/11/01 Javascript
[02:41]《西雅图我们来了》2015国际邀请赛出征全记录
2015/07/23 DOTA
python学生管理系统代码实现
2020/04/05 Python
Python利用splinter实现浏览器自动化操作方法
2018/05/11 Python
Python图像处理之简单画板实现方法示例
2018/08/30 Python
关于不懂Chromedriver如何配置环境变量问题解决方法
2019/06/12 Python
Python实现点云投影到平面显示
2020/01/18 Python
CSS3中设置3D变形的transform-style属性详解
2016/05/23 HTML / CSS
研究生毕业鉴定
2014/01/29 职场文书
战友聚会主持词
2014/04/02 职场文书
小学生植树节活动总结
2014/07/04 职场文书
民事诉讼代理授权委托书范本
2014/10/08 职场文书
简易离婚协议书范本2014
2014/10/15 职场文书
优秀班主任推荐材料
2014/12/17 职场文书
超市店长竞聘书
2015/09/15 职场文书
个人工作决心书
2015/09/22 职场文书
一波干货,会议主持词开场白范文
2019/05/06 职场文书
vue项目proxyTable配置和部署服务器
2022/04/14 Vue.js
springboot 全局异常处理和统一响应对象的处理方式
2022/06/28 Java/Android