js封装class
来源:互联网 发布:linux boot分区 编辑:程序博客网 时间:2024/06/09 21:38
JS获取class的方法一:
普通版:
<script type="text/javascript">function getByClass(oParent, sClass){ var aEle=oParent.getElementsByTagName('*'); var aResult=[]; var i=0; for(i=0;i<aEle.length;i++) { if(aEle[i].className==sClass) { aResult.push(aEle[i]); } } return aResult;}</script>
JS获取class的方法二:
完美版:
<!DOCTYPE html><html><head lang="zh-CN"> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <script> function getByClass(oParent,sClass){ var aEle = document.getElementsByTagName('*'); var aResult = []; var re = new RegExp('\\b'+sClass+'\\b'); var i = 0; for(i=0;i<aEle.length;i++){ if(re.test(aEle[i].className)){ aResult.push(aEle[i]); } } return aResult; } window.onload=function () { var oUl=document.getElementById('ul1'); var aBox=getByClass(oUl, 'box'); var i=0; for(i=0;i<aBox.length;i++) { aBox[i].style.background='red'; } }; </script></head><body><ul id="ul1"> <li>1</li> <li class="box active">2</li> <li class="box">3</li> <li>4</li> <li>5</li> <li class="box">6</li></ul></body></html>
0 0
- js封装class
- js 封装获取class的值、添加class、删除class
- js获取class类封装方法
- js 封装自己的class类
- js-封装自己的class类
- js封装:获取class类名
- class 封装
- js封装getByClass (JS获取class的方法封装为一个函数)的API
- Class Of Marquee Scroll通用不间断滚动JS封装类
- Class Of Marquee Scroll通用不间断滚动JS封装类
- 封装getByClass(JS获取class的方法封装为一个函数)
- 封装weixin.class.php
- class 封装 内联
- 20161206封装Class类
- class类的封装
- js class
- class.js
- js class
- 二维码
- PHP命名空间
- Alert--兼容iOS7及以上的AlertView,支持设置对齐方式,支持设置行间距
- MySQL死锁分析
- HTML5之Canvas画布属性--画直线、画三角、画矩形
- js封装class
- 从C语言到windows程序设计的过渡
- unity开发android游戏(一)搭建Unity安卓开发环境
- VC6 C/CPP操作ORACLE数据库 clilib方案
- canvas标签绘图基础
- Unity3D的坑系列:动态加载dll
- Unity3D入门(一):环境搭建
- MySQL 请选择合适的列!
- java数组的理解