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
- javascript取对象方法的封装
- 面向对象的Javascript:封装
- Javascript 对象封装的例子
- 封装方法到对象(javascript)
- 什么是javascript封装,封装的方法有几种
- 递归算法在javascript中使用的小技巧 (javascript的对象封装方法介绍)
- 递归算法在javascript中使用的小技巧 (javascript的对象封装方法介绍)
- 递归算法在javascript中使用的小技巧 (javascript的对象封装方法介绍)
- 递归算法在javascript中使用的小技巧 (javascript的对象封装方法介绍)
- 递归算法在javascript中使用的小技巧 (javascript的对象封装方法介绍)
- 递归算法在javascript中使用的小技巧 (javascript的对象封装方法介绍)
- 递归算法在javascript中使用的小技巧 (javascript的对象封装方法介绍)
- 递归算法在javascript中使用的小技巧 (javascript的对象封装方法介绍)
- 递归算法在javascript中使用的小技巧 (javascript的对象封装方法介绍)
- 递归算法在javascript中使用的小技巧 (javascript的对象封装方法介绍)
- 递归算法在javascript中使用的小技巧 (javascript的对象封装方法介绍)
- 递归算法在javascript中使用的小技巧 (javascript的对象封装方法介绍)
- 递归算法在javascript中使用的小技巧 (javascript的对象封装方法介绍)
- leetcode:sqrtx
- HDU 2036 叉积计算
- 测试东西的博客
- 树结构练习——排序二叉树的中序遍历
- 最高分是多少
- javascript取对象方法的封装
- Android Stdio--------编译错误之appcompat
- POJ 1011 Sticks
- adb server version (31) doesn't match this client
- Android OpenGL ES学习笔记之材质概念和添加光照
- BZOJ3343
- Android 将App的内容延伸到状态栏/导航栏
- android vsnc 工作原理
- ZZULIOJ (1913: 小火山的计算能力)