原生JS实现元素的getElementsByClassName()方法,适用于多个类名
来源:互联网 发布:混凝土压力泌水率数据 编辑:程序博客网 时间:2024/05/16 14:12
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>原生JS实现getElementsByClassName()</title><script>window.onload = function() {var oUl = document.getElementById('ull');function getElementsByClassName(obj,classname){var result = [];var aEls = document.getElementsByTagName('*');for(var i = 0; i<aEls.length; i++){//查找有多个属性的元素var classnames = aEls[i].className.split(' ')if(indexOf(classname,classnames)!=-1){result.push(aEls[i]);}} return result;}function indexOf(classname,classnames){for(var i = 0; i<classnames.length; i++){if(classname==classnames[i]){return i;break;}}if(i = classnames.length) return -1;}//alert(indexOf('box',['box1','box']));alert(getElementsByClassName(oUl,'box').length);}</script></head><style>li{width:100px;height:28px;margin-left:20px;list-style: none;background: gray;margin:2px;}.box{background:orange;}.box1{background:green;}</style><body><ul id="ull"><li>0</li><li class='box box'>1</li> <li>2</li> <li class='box1'>3</li> <li class='box1'>4</li> <li class='box box1'>5</li> </ul></body></html>
0 0
- 原生JS实现元素的getElementsByClassName()方法,适用于多个类名
- 原生JS解决getElementsByClassName浏览器兼容问题(适用于多个类名)
- getElementsByClassName 原生实现
- 根据原生JS封装函数,根据传递的选择器查找对应的元素以及解决getElementsByClassName() 兼容问题
- JS原生获取class对象(getElementsByClassName)
- 原生js解决document.getElementsByClassName兼容问题
- JS原生方法实现jQuery的ready()
- 原生js实现jQuery的ready方法
- 原生js实现双色球的方法
- JS原生方法实现jQuery的ready()
- 原生JS实现的AJAX方法、JSONP
- 原生js实现jq的$.each()方法
- jQuery的原生js实现---on方法
- 原生JS实现判断碰撞的方法
- 原生的js获取DOM元素方法总结
- 原生js实现给指定元素的后面追加内容
- 原生js来实现对dom元素class的操作方法
- 我的getElementsByClassName实现
- pandas数据索引变换
- C 语言开发(Demo)
- 零基础学JAVA—单词长度
- 解决ssh登录后闲置时间过长而断开连接
- 1005. 继续(3n+1)猜想 (25)
- 原生JS实现元素的getElementsByClassName()方法,适用于多个类名
- PAT (Advanced Level) 1122. Hamiltonian Cycle (25)
- 由Q_OBJECT引起的undefined reference to vtable for "xxx::xxx"问题
- C++设计模式-Template Method
- MIT 6.00.1x 计算机科学和Python编程导论 Set 3
- GFOJ463
- 算法训练 最大最小公倍数
- poj 3469
- 华为RH2288做raid方法