本文实例讲述了JS简单实现获取元素的封装操作。分享给大家供大家参考,具体如下:
JS封装获取元素
js的获取元素:
ID:document.getElementById();
class:document.getElementsByName()[];
Tag:document.getElementsByTagName()[]
现在我们要简单的封装这个
1. 函数写法:
function $(id){ return document.getElementById(); }
其他类同
使用方法:
$(id) /$(tagname)[0]
2. 对象写法:
var Base={ getId:function(id){ return document.getElementById(); }, getTag:function(){ return document.getElementsByTagName(); } }
使用方法:
Base.getId(id)
更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript页面元素操作技巧总结》、《JavaScript事件相关操作与技巧大全》、《JavaScript操作DOM技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
您可能感兴趣的文章:
- 让JavaScript中setTimeout支持链式操作的方法
- JS链式调用的实现方法
- JavaScript 对象链式操作测试代码
- 原生js实现对Ajax的封装(仿jquery)
- 原生js仿jquery实现对Ajax的封装
- 原生js封装的一些jquery方法(详解)
- 浅析jQuery Ajax通用js封装
- 把jQuery的类、插件封装成seajs的模块的方法
- 基于jquery封装的一个js分页
- Javascript 详解封装from表单数据为json串进行ajax提交
- JS简单封装的图片无缝滚动效果示例【测试可用】
- JavaScript使用链式方法封装jQuery中CSS()方法示例