实际应用中很多地方需要按照类名来查找对象 (mark一下)
function getEleByClass(classname, tagname, parentNode){
var parent =
parentNode || document.body,
tagname = tagname || '*',
o = parent.getElementsByTagName(tagname),
p = [],
reg = new RegExp('(^|\\s+)' + classname + '(\\s+|$)');
for (var i = 0; i < o.length; i++) {
if (o[i].className && reg.test(o[i].className)) {
p.push(o[i]); //或p[p.length] = o[i] 简单的字符串数字效率高些;
}
}
return p;
}
或者:
function
getEleByClass(classname, tagname, parentNode){
var parent =
parentNode || document.body,
tagname = tagname || '*',
o = parent.getElementsByTagName(tagname),
p = [];
for(var i = -1, l = o.length; ++i <l;){
var c = o[i].className.split(' ');
for(var j = -1, cl = c.length; ++j < cl;){
if(classname == c[j]){
p.push(o[i]);
//p[p.length]=o[i];
break;
}
}
}
return p;
}
测试发现第一种用正则的方式在chrome下效率高些 在其他浏览器下则第二种方式效率高些
说到正则 有些问题要记录下 在写new RegExp()的时候里面的‘\’需要转义
分享到:
相关推荐
同一页面多个倒计时js同时进行. 程序中写了一个js 实现的getElementByClass()方法,大家也可以参考使用。
这一切都很顺利,直到我意识到 IE8 不支持 #getElementByClass 这使得它变得相当困难,我不得不考虑如何从 DOM 中获取我需要的类(有一次我考虑递归地这样做,有趣的是,这不是最好的策略;)。 这是一个很好的测试...
例如,可以通过`Dojo.byId('money')`来获取ID为'money'的元素,而`Dojo.html.getElementByClass()`则可以根据类名获取元素。尽管Dojo不如jQuery那样广为人知,但它依然提供了丰富的功能,特别适合构建复杂的、高性能...
基于java的贝儿米幼儿教育管理系统答辩PPT.pptx
本压缩包资源说明,你现在往下拉可以看到压缩包内容目录 我是批量上传的基于SpringBoot+Vue的项目,所以描述都一样;有源码有数据库脚本,系统都是测试过可运行的,看文件名即可区分项目~ |Java|SpringBoot|Vue|前后端分离| 开发语言:Java 框架:SpringBoot,Vue JDK版本:JDK1.8 数据库:MySQL 5.7+(推荐5.7,8.0也可以) 数据库工具:Navicat 开发软件: idea/eclipse(推荐idea) Maven包:Maven3.3.9+ 系统环境:Windows/Mac
基于java的消防物资存储系统答辩PPT.pptx
项目经过测试均可完美运行! 环境说明: 开发语言:java jdk:jdk1.8 数据库:mysql 5.7+ 数据库工具:Navicat11+ 管理工具:maven 开发工具:idea/eclipse
项目经过测试均可完美运行! 环境说明: 开发语言:java jdk:jdk1.8 数据库:mysql 5.7+ 数据库工具:Navicat11+ 管理工具:maven 开发工具:idea/eclipse
TA_lib库(whl轮子),直接pip install安装即可,下载即用,非常方便,各个python版本对应的都有。 使用方法: 1、下载下来解压; 2、确保有python环境,命令行进入终端,cd到whl存放的目录,直接输入pip install TA_lib-xxxx.whl就可以安装,等待安装成功,即可使用! 优点:无需C++环境编译,下载即用,方便
使用软件自带的basic脚本编辑制作的脚本 低版本软件无法输出Excel报告,可以通过脚本方式实现这一功能
基于java的就业信息管理系统答辩PPT.pptx
25法理学背诵逻辑.apk.1g
基于java的大学生校园兼职系统答辩PPT.pptx
做到代码,和分析的源数据
本压缩包资源说明,你现在往下拉可以看到压缩包内容目录 我是批量上传的基于SpringBoot+Vue的项目,所以描述都一样;有源码有数据库脚本,系统都是测试过可运行的,看文件名即可区分项目~ |Java|SpringBoot|Vue|前后端分离| 开发语言:Java 框架:SpringBoot,Vue JDK版本:JDK1.8 数据库:MySQL 5.7+(推荐5.7,8.0也可以) 数据库工具:Navicat 开发软件: idea/eclipse(推荐idea) Maven包:Maven3.3.9+ 系统环境:Windows/Mac
项目经过测试均可完美运行! 环境说明: 开发语言:java jdk:jdk1.8 数据库:mysql 5.7+ 数据库工具:Navicat11+ 管理工具:maven 开发工具:idea/eclipse
适用于ensp已经入门人群的学习,有一定难度
基于java的数码论坛系统设计与实现答辩PPT.pptx
tornado-6.4.1-cp38-abi3-macosx_10_9_universal2.whl
基于java的医院信管系统答辩PPT.pptx