javascript取对象方法的封装

来源:互联网 发布:热传导有限元软件 编辑:程序博客网 时间:2024/04/28 13:32

我们都知道在 javascript中频繁的使用取对象的方法,所以为了使用方便我们可以将javascript中常用的取对象的方法封装到一起,那样我们就可以在需要的时候直接将之前封装好的方法直接拿来用,节省大量时间。下面将展示给你们如何将取对象的多种方法封装到一起。
1、首先我们为这个方法取个方法名,这里我们用$符作为方法名,便于书写。

2、取对象主要分四种方法
a、通过元素id值,利用getElementById()方法取得
b、通过元素Class值,利用getElementsByClassName()方法取得
c、通过元素name值,利用getElementsByName()方法取得
d、通过元素标签的名字,利用getElementsByTagName()方法取得

3、为了区分不同的取对象方法,我们可以用加前缀的方法来区分,这里我们模仿HTML5中的前缀,id前加“#”号、class前加”.”、name前加”_”、标签名前不加任何前缀就用标签本身符号表示。

4、我们将上述四种方法全部封装到$()方法中去,具体如何封装如下所示

   function  $(eleStr){       switch (eleStr.substr(0,1)) {    case "#":        return document.getElementById(eleStr.substr(1))        break;    case ".":        return document.getElementsByClassName(eleStr.substr(1))        break;    case "_":        return document.getElementsByName(eleStr.substr(1))        break;    default:        return document.getElementsByTagName(eleStr);        break;    }   }

上面就是我在学习javascript取对象后,将所学的取对象方法简单的封装一下,便于我们接下来频繁取对象的使用,我希望这能简化大家在取对象方面的操作,为大家节省大量的时间。

1 0
原创粉丝点击