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 相关文章推荐
图片按比例缩放函数
Jun 26 Javascript
Javascript 不能释放内存.
Sep 07 Javascript
不错的JS中变量相关的细节分析
Aug 13 Javascript
jquery实现的鼠标下拉滚动置顶效果
Jul 24 Javascript
跟我学习javascript的隐式强制转换
Nov 16 Javascript
HTML页面定时跳转方法解析(2种任选)
Dec 22 Javascript
js实现下一页页码效果
Mar 07 Javascript
AngularJS监听路由变化的方法
Mar 07 Javascript
关于vue的语法规则检测报错问题的解决
May 21 Javascript
对类Vue的MVVM前端库的实现代码
Sep 07 Javascript
通过js给网页加上水印背景实例
Jun 17 Javascript
VUE解决 v-html不能触发点击事件的问题
Oct 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
对盗链说再见...
2006/10/09 PHP
PHP数字格式化
2006/12/06 PHP
PHP将两个关联数组合并函数提高函数效率
2014/03/18 PHP
PHP设计模式之工厂模式与单例模式
2016/09/28 PHP
PHP 序列化和反序列化函数实例详解
2020/07/18 PHP
Docker 安装 PHP并与Nginx的部署实例讲解
2021/02/27 PHP
JavaScript对象模型-执行模型
2008/04/28 Javascript
js模拟点击事件实现代码
2012/11/06 Javascript
jquery实现左右滑动式轮播图
2017/03/02 Javascript
微信小程序删除处理详解
2017/08/16 Javascript
vue watch自动检测数据变化实时渲染的方法
2018/01/16 Javascript
解决vue2.0动态绑定图片src属性值初始化时报错的问题
2018/03/14 Javascript
JS简单获取并修改input文本框内容的方法示例
2018/04/08 Javascript
vue2.0移动端滑动事件vue-touch的实例代码
2018/11/27 Javascript
vue使用Sass时报错问题的解决方法
2020/10/14 Javascript
在vue中使用inheritAttrs实现组件的扩展性介绍
2020/12/07 Vue.js
Python实现从URL地址提取文件名的方法
2015/05/15 Python
使用Python解析JSON数据的基本方法
2015/10/15 Python
python面试题之列表声明实例分析
2019/07/08 Python
python3在同一行内输入n个数并用列表保存的例子
2019/07/20 Python
python快速排序的实现及运行时间比较
2019/11/22 Python
基于Numba提高python运行效率过程解析
2020/03/02 Python
python爬虫开发之Beautiful Soup模块从安装到详细使用方法与实例
2020/03/09 Python
使用卷积神经网络(CNN)做人脸识别的示例代码
2020/03/27 Python
css3给背景图片加颜色遮罩的方法
2019/11/05 HTML / CSS
生日宴会答谢词
2014/01/09 职场文书
服务质量承诺书
2014/03/27 职场文书
部门年终奖分配方案
2014/05/07 职场文书
工商行政管理专业求职书
2014/05/23 职场文书
新学期开学标语
2014/06/30 职场文书
总经理岗位职责说明书
2014/07/30 职场文书
民主生活会批评与自我批评总结
2014/10/17 职场文书
满月酒邀请函
2015/01/30 职场文书
2015年感恩节活动总结
2015/03/24 职场文书
黑暗中的舞者观后感
2015/06/18 职场文书
Golang数据类型和相互转换
2022/04/12 Golang