getElementsByClassName函数实现获取指定类名的子元素列表
来源:互联网 发布:网络高利贷不还怎么办 编辑:程序博客网 时间:2024/05/17 08:44
语法如下: var elements = getElementsByClassName(element, names);
使用示例如下:
如果html元素
<div id="example">
<p id="p1" class="aaa bbb"/>
<p id="p2" class="aaa ccc"/>
<p id="p3" class="bbb ccc"/>
</div>
对应的DOM节点为example, 那么
getElementsByClassName(example, “aaa”); 运行结果为包含id为p1, id为p2的元素列表
getElementsByClassName(example, “bbb ccc”);运行结果为包含id为p3的元素列表
getElementsByClassName(example, “ccc bbb”);运行结果为包含id为p3的元素列表
请实现getElementsByClassName方法,要求浏览器兼容。
- function getElementsByClassName(element,names){
- var result=[];
- if(element.getElementsByClassName){
- var elements=element.getElementsByClassName(names);
- for(var i=0; i<elements.length; i++){
- var name=elements[i];
- result.push(name);
- }
- return result;
- }else {
- var name=names.split(' ');
- var elements=element.getElementsByTagName('*');
- var patterns=[];
- var current,flag;
- var i=name.length;
- while(--i>=0){
- patterns.push(new RegExp('(^|\s)'+name[i]+'(\s|$)'));
- }
- var j=elements.length;
- while(--j>0){
- current=elements[j];
- flag=false;
- for(var k=0,kl=patterns.length; k<kl; k++){
- flag = patterns[k].test(current.className);
- if(!flag) break;
- }
- if(flag) result.push(current);
- }
- }
- return result;
- }
0 0
- getElementsByClassName函数实现获取指定类名的子元素列表
- js中获取类名的函数getElementsByClassName()
- ie不支持getElementsByClassName,所以要自己实现获取类名为className的所有元素。
- 获取指定父元素下指定类名的元素集合
- 获取指定class名的元素,并兼容IE
- 查找指定类名的子窗口
- 原生JS实现元素的getElementsByClassName()方法,适用于多个类名
- 我的getElementsByClassName实现
- python实现移除列表指定位置的元素
- Java根据包名获取指定接口的所有实现
- 获取指定元素的最大子元素(包括自身)的width值和height值
- thinkphp 获取当前的方法名,类名,函数名
- js实现通过类名获取元素(通用版)
- getElementsByClassName函数的兼容写法
- 根据类名获取元素
- JS根据类名查找对象,getElementsByClassName
- document.getElementsByClassName的理想实现
- document.getElementsByClassName的理想实现
- Sciter:创建Hello World
- ROS中的编译问题 "catkin_make" must be invoked in the root of workspace
- IsPostBack
- [读书笔记]程序员的自我修养 chp9
- 第三章 方法和作用域
- getElementsByClassName函数实现获取指定类名的子元素列表
- |洛谷|并查集|P2024 食物链
- AutoCompleteTextView和MultAutoCompleteTextView
- HDU 1166(线段树 单点更新 区域求值)
- 【无人车研究】2D-ICP算法简要介绍与应用
- 王朝 第十四周 一个有定顺序的数组中插入一个数,使这个数在数组中的规律插入
- 飞思卡尔智能车——舵机及PID控制
- Python 字符串
- jdbc调用mysql存储过程,并获得结果集合