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 相关文章推荐
js 自定义的联动下拉框
Feb 07 Javascript
jquery与js函数冲突的两种解决方法
Sep 09 Javascript
使用javascript实现判断当前浏览器
Apr 14 Javascript
javascript三元运算符用法实例
Apr 16 Javascript
基于jQuery+JSON的省市二三级联动效果
Jun 05 Javascript
js实现仿爱微网两级导航菜单效果代码
Aug 31 Javascript
select下拉框插件jquery.editable-select详解
Jan 22 Javascript
去掉vue 中的代码规范检测两种方法(Eslint验证)
Mar 21 Javascript
vue addRoutes实现动态权限路由菜单的示例
May 15 Javascript
微信小程序中使用Async-await方法异步请求变为同步请求方法
Mar 28 Javascript
JS变量提升及函数提升实例解析
Sep 03 Javascript
vue keep-alive的简单总结
Jan 25 Vue.js
常用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+Mysql+Ajax+JS实现省市区三级联动
2014/05/23 PHP
PHP临时文件的安全性分析
2014/07/04 PHP
在Debian系统下配置LNMP的教程
2015/07/09 PHP
php表单加入Token防止重复提交的方法分析
2016/10/10 PHP
[企业公众号]升级到[企业微信]之后发送消息失败的解决方法
2017/06/30 PHP
Laravel推荐使用的十个辅助函数
2019/05/10 PHP
Google Suggest ;-) 基于js的动态下拉菜单
2006/10/11 Javascript
jQuery 名称冲突的解决方法
2011/04/08 Javascript
js实现幻灯片播放图片示例代码
2013/11/07 Javascript
JavaScript的MVVM库Vue.js入门学习笔记
2016/05/03 Javascript
纯js实现倒计时功能
2017/01/06 Javascript
JS实现队列的先进先出功能示例
2017/05/10 Javascript
Node.js学习之查询字符串解析querystring详解
2017/09/28 Javascript
总结JavaScript在IE9之前版本中内存泄露问题
2018/04/28 Javascript
JS与CSS3实现图片响应鼠标移动放大效果示例
2018/05/04 Javascript
微信小程序实现简单表格
2019/02/14 Javascript
[04:03]DOTA2肉山黑名单梦之声 风暴之灵中文配音鉴赏
2013/07/03 DOTA
[02:51]DOTA2英雄基础教程 风暴之灵
2013/12/23 DOTA
[42:32]VP vs RNG 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.21.mp4
2020/07/19 DOTA
python 生成器协程运算实例
2017/09/04 Python
Python中协程用法代码详解
2018/02/10 Python
influx+grafana自定义python采集数据和一些坑的总结
2018/09/17 Python
Python中zip函数如何使用
2020/06/04 Python
Python+Selenium随机生成手机验证码并检查页面上是否弹出重复手机号码提示框
2020/09/21 Python
Canvas与图片压缩的示例代码
2017/11/28 HTML / CSS
Shopee马来西亚:随拍即卖,最佳行动电商拍卖平台
2017/06/05 全球购物
Can a struct inherit from another struct? (结构体能继承结构体吗)
2016/09/25 面试题
出生医学证明样本
2014/01/17 职场文书
西式结婚主持词
2014/03/14 职场文书
我爱读书演讲稿
2014/05/07 职场文书
我为党旗添光彩演讲稿
2014/09/10 职场文书
综合测评个人总结
2015/03/03 职场文书
公司表扬信格式
2015/05/04 职场文书
一封真诚的自荐信帮你赢得机会
2019/05/07 职场文书
Python学习开发之图形用户界面详解
2021/08/23 Python
MySQL索引 高效获取数据的数据结构
2022/05/02 MySQL