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 获取Listbox选择的值的代码
Apr 15 Javascript
JSONP之我见
Mar 24 Javascript
javascript常用正则表达式汇总
Jul 31 Javascript
jQuery CSS3相结合实现时钟插件
Jan 08 Javascript
jQuery实现订单提交页发送短信功能前端处理方法
Jul 04 Javascript
使用Promise链式调用解决多个异步回调的问题
Jan 15 Javascript
详解AngularJS用Interceptors来统一处理HTTP请求和响应
Jun 08 Javascript
elementUI 设置input的只读或禁用的方法
Oct 30 Javascript
微信小程序结合mock.js实现后台模拟及调试
Mar 28 Javascript
Vue数据绑定简析小结
May 07 Javascript
微信小程序+腾讯地图开发实现路径规划绘制
May 22 Javascript
浅谈vuex的基本用法和mapaction传值问题
Nov 08 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
Terran魔法科技
2020/03/14 星际争霸
Linux Apache PHP Oracle 安装配置(具体操作步骤)
2013/06/17 PHP
PHP读取CURL模拟登录时生成Cookie文件的方法
2014/11/04 PHP
Yii2实现上下联动下拉框功能的方法
2016/08/10 PHP
checkbox 复选框不能为空
2009/07/11 Javascript
jquery 选择器部分整理
2009/10/28 Javascript
15 个 JavaScript Web UI 库
2010/05/19 Javascript
js实现select跳转功能代码
2014/10/22 Javascript
javascript关于open.window子页面执行完成后刷新父页面的问题分析
2015/04/27 Javascript
Javascript 实现微信分享(QQ、朋友圈、分享给朋友)
2016/10/21 Javascript
jQuery实现菜单栏导航效果
2017/08/15 jQuery
vue2.0.js的多级联动选择器实现方法
2018/02/09 Javascript
搭建element-ui的Vue前端工程操作实例
2018/02/23 Javascript
nodejs实现超简单生成二维码的方法
2018/03/17 NodeJs
解决vue-cli3 使用子目录部署问题
2018/07/19 Javascript
ES6 Set结构的应用实例分析
2019/06/26 Javascript
[39:02]DOTA2亚洲邀请赛 3.31 小组赛 B组 Mineski vs VGJ.T
2018/04/01 DOTA
[09:40]DAC2018 4.5 SOLO赛 MidOne vs Miracle
2018/04/06 DOTA
[50:38]DOTA2-DPC中国联赛 正赛 Phoenix vs CDEC BO3 第二场 3月7日
2021/03/11 DOTA
python获取豆瓣电影简介代码分享
2014/01/16 Python
Python中optparse模块使用浅析
2015/01/01 Python
Python ValueError: invalid literal for int() with base 10 实用解决方法
2015/06/21 Python
Python字典中的键映射多个值的方法(列表或者集合)
2018/10/17 Python
Python流程控制 while循环实现解析
2019/09/02 Python
python使用gdal对shp读取,新建和更新的实例
2020/03/10 Python
Python MOCK SERVER moco模拟接口测试过程解析
2020/04/13 Python
浅谈opencv自动光学检测、目标分割和检测(连通区域和findContours)
2020/06/04 Python
Python读取图像并显示灰度图的实现
2020/12/01 Python
Sisley法国希思黎中国官网:享誉全球的奢华植物美容品牌
2019/06/30 全球购物
Arti-shopping中文官网:大型海外商品一站式直邮平台
2020/03/23 全球购物
工程专业求职自荐书范文
2014/02/18 职场文书
导师推荐信范文
2014/05/09 职场文书
环境整治工作方案
2014/05/18 职场文书
庆国庆活动总结
2014/08/28 职场文书
学校组织向国旗敬礼活动方案(中小学适用)
2014/09/27 职场文书
个人欠条范本
2015/07/03 职场文书