(函数封装)获取class名称

使用原生JavaScript,获取类操作符时:即使使用getElementByClassName,在Firefox和IE9以下是不兼容的。Firefox下是可以用它获取的到元素而IE不行,一般框架都会实现该方法,达到在IE和Firefox下兼容的问题。

下面我写的这个封装,多给了他一个参数(parent),目的在于:(缩小范围)只获取特定id名称下子元素的class名称

学以致用,要学会修改,以便适合自己项目的使用。

 function getByClass (clsName,parent) {
  var oParent = parent?document.getElementById(parent):document,
      eles = [] ,
      elements = oParent.getElementsByTagName("*");
  for (var i=0;i<elements.length;i++){
       if (elements[i].className == clsName){
           eles.push (elements[i]);
        }
    }
     return eles;
}

然后我们还可以通过正则来完美获取:


function getByClass(sClass,parent) {    var oParent = parent?document.getElementById(parent):document,        eles = [];        elements = oParent.getElementsByTagName(‘*‘);

var re = new RegExp(‘\\b‘+sClass+‘\\b‘,‘i‘)

for (var i=0;i<elements.length;i++){        if (re.test(elements[i].className)){            eles.push(elements[i]);        }    }    return eles;}
				
时间: 2024-10-06 16:29:48

(函数封装)获取class名称的相关文章

Bash Shell 解析路径获取文件名称和文件夹名

前言 还是今天再写一个自己主动化打包脚本.用到了从路径名中获取最后的文件名称.这里记录一下实现过程. 当然,最后我也会给出官方的做法.(ps:非常囧,实现完了才发现原来Bash Shell有现成的函数) 获取文件名称 如果给定的路径名为: /tmp/csdn/zhengyi/test/zhengyi.txt awk解法 用"/"做分隔符,然后打印出最后的那一部分. 实现代码例如以下: resFile=`echo /tmp/csdn/zhengyi/test/adb.log | awk

WMI 获取硬件信息的封装函数与获取联想台式机的出厂编号方法

原文:WMI 获取硬件信息的封装函数与获取联想台式机的出厂编号方法 今天玩了一把WMI,查询了一下电脑的硬件信息,感觉很多代码都是可以提取出来的,就自己把那些公共部分提出出来,以后如果要获取 某部分的硬件信息就不用写一个一个的函数,比如获取MAC地址就写一个获取MAC地址的函数,获取CPU 信息就写一个获取CPU信息的 函数,太麻烦了 如下是函数代码: 1 private static string identifier(string wmiClass, string wmiProperty,

封装函数getClient获取当前显示区域的大小,即clientWidth和clientHeight

1 //获取当前显示区域的大小,即clientWidth和clientHeight 2 function getClient(){ 3 var isXHTML; //初始值默认 符合DOM的xHTML标准 4 var clientWidth,clientHeight; 5 if(document.documentElement.clientWidth = null || document.documentElement.clientWidth <=0){ 6 if(document.body.c

Date对象,封闭空间,函数传参和封装,获取非行间样式,字符串操作

一.Date对象 1. 获取 oDate.getFullYear() 获取年份 oDate.getMonth()+1  获取月份( 0-11)----->1-12 oDate.getDate()  获取日 1-31 oDate.getHours() 获取小时 oDate.getMinutes() 获取分 oDate.getSeconds() 获取秒 oDate.getMilliseconds();   //毫秒 oDate.getDay() 获取星期几 0-6     0:星期天 例:数码时钟

Thinkphp3.2.3框架下封装公共的函数,例如封装CURL函数来获取接口数据

当我们需要在控制层调用相同的封装函数时,写多次相同的函数,显得代码十分的拉杂,不精简: TP框架有一个很好的机制,可以再Common定义一个function.php函数,当我们在控制层调用的时候直接调用就可以使用,方便快捷: 具体实现方便如下: 我们可以再三个地方设置公共的函数function.php (注意:function.php默认是不存在的,需手动创建) 根目录\Application\Common\Common\function.php(公共的函数,Home和Admin都可以调用) 根

获取样式的简单的函数封装

var CSS = { getStyle:function(elem,name){//获取样式 if(elem.style[name]){ return elem.style[name]; } else if(elem.currentStyle){ return elem.currentStyle[name]; } else if(document.defaultView && document.defaultView.getComputedStyle){ name = name.repl

dataSet==&gt;Ilist&lt;&gt;的函数封装

一般我们用使用ADO.NET查询数据库返回泛型集合?使用SqlDataReader逐行读取数据存入对象 代码 /// <summary> /// 获取UserInfo泛型集合 /// </summary> /// <param name="connStr">数据库连接字符串</param> /// <param name="sqlStr">要查询的T-SQL</param> /// <re

文件上传与下载学习笔记(2)---多文件、单文件、多个单文件函数封装

一:前导知识点: 1:is_string()判断一个变量是否是字符串 is_array 判断一个变量是否是数组 2:pathinfo()函数可以获取文件的扩展名. 3:创建目录函数 mkdir() 4: 生成唯一的随机数 uniqid() 5:判断文件.目录是否存在file_exsits() 二:思路与流程 三:封装的函数代码 1 <?php 2 /** 3 * 得到想要的文件类型 4 * @return unknown 5 */ 6 function getFiles() { 7 $i = 0

div盒子的缓动函数封装

1.2.  缓动动画 1.2.1.       原理公式 动画公式 leader = leader + step 匀速动画公式 step = 定值 leader = leader + step 缓动动画公式 step = ( target - leader ) / 10 leader = leader + step 缓动动画的好处 他的移动是有尽头的.不像基础匀速运动那样无限移动. 有非常逼真的缓动效果,实现的动画效果更细腻. 如果不清除定时器,物体永远跟着目标leader在移动. @体验缓动动

使用函数封装代码

函数是一个命名的独立代码段,它执行特定的任务,并可能给调用它的程序返回一个值. 函数原型--程序后面将出现的函数的模型.函数原型包括函数名称.传递给函数的变量列表 (实 参).函数返回变量的类型.函数原型以分号结尾: 如  long cube (long x); 函数定义的第一行为函数头,它与函数原型相同,只是没有分号.另外虽然在函数原型中,参数变量名是可选的,但在函数头中必须包含.函数头的后面是函数体,其中包含函数将要执行的语句.函数体以做花括号开始以右花括号结束.如果函数返回的类型不是voi