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 相关文章推荐
WordPress 插件——CoolCode使用方法与下载
Jul 02 Javascript
深入学习JavaScript对象
Oct 13 Javascript
Zabbix添加Node.js监控的方法
Oct 20 Javascript
JavaScript动态检验密码强度的实现方法
Nov 09 Javascript
基于vue的fullpage.js单页滚动插件
Mar 20 Javascript
微信小程序 仿美团分类菜单 swiper分类菜单
Apr 12 Javascript
纯JS实现图片验证码功能并兼容IE6-8(推荐)
Apr 19 Javascript
基于angular实现三级联动的生日插件
May 12 Javascript
jQuery动画_动力节点节点Java学院整理
Jul 04 jQuery
浅谈在Vue-cli里基于axios封装复用请求
Nov 06 Javascript
小程序云开发之用户注册登录
May 18 Javascript
vue代码分块和懒加载非必要资源文件
Apr 11 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 异常处理实现代码
2009/03/10 PHP
PHP文件读写操作之文件读取方法详解
2011/01/13 PHP
php用户密码加密算法分析【Discuz加密算法】
2016/10/12 PHP
PHP实现动态删除XML数据的方法示例
2018/03/30 PHP
很酷的javascript loading效果代码
2008/06/18 Javascript
JavaScript去掉空格的方法集合
2010/12/28 Javascript
基于javascript 闭包基础分享
2013/07/10 Javascript
根据身份证号自动输出相关信息(籍贯,出身日期,性别)
2013/11/15 Javascript
javascript实现json页面分页实例代码
2014/02/20 Javascript
JQuery CheckBox(复选框)操作方法汇总
2015/04/15 Javascript
jquery过滤特殊字符',防sql注入的实现方法
2016/08/17 Javascript
Node.js配合node-http-proxy解决本地开发ajax跨域问题
2016/08/31 Javascript
高效的jQuery代码编写技巧总结
2017/02/22 Javascript
Angular4学习教程之HTML属性绑定的方法
2018/01/04 Javascript
javaScript动态添加Li元素的实例
2018/02/24 Javascript
jQuery实现的中英文切换功能示例
2019/01/11 jQuery
Js数组扁平化实现方法代码总汇
2020/11/11 Javascript
利用 Chrome Dev Tools 进行页面性能分析的步骤说明(前端性能优化)
2021/02/24 Javascript
python将ansible配置转为json格式实例代码
2017/05/15 Python
浅谈scrapy 的基本命令介绍
2017/06/13 Python
Python实现pdf文档转txt的方法示例
2018/01/19 Python
Python使用OpenCV进行标定
2018/05/08 Python
python中树与树的表示知识点总结
2019/09/14 Python
Python3.9又更新了:dict内置新功能
2020/02/28 Python
基于Python的一个自动录入表格的小程序
2020/08/05 Python
python常量折叠基础知识点讲解
2021/02/28 Python
详解HTML5中的元素与元素
2015/08/17 HTML / CSS
SHEIN美国:购买时髦的女性服装
2020/12/02 全球购物
俄罗斯家居用品购物网站:Евродом
2020/11/21 全球购物
高级护理专业毕业生推荐信
2013/12/25 职场文书
学习心得体会
2014/01/01 职场文书
乡镇干部先进事迹材料
2014/02/03 职场文书
宾馆仓管员岗位职责
2014/07/27 职场文书
个人房屋租赁合同(标准范本)
2019/09/16 职场文书
如何通过一篇文章了解Python中的生成器
2022/04/02 Python
详解Python中的for循环
2022/04/30 Python