JS简单实现获取元素的封装操作示例


Posted in Javascript onApril 07, 2017

本文实例讲述了JS简单实现获取元素的封装操作。分享给大家供大家参考,具体如下:

JS封装获取元素

js的获取元素:

IDdocument.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学习笔记二 之 变量
Dec 15 Javascript
jquery链式操作的正确使用方法
Jan 06 Javascript
jquery实现标签支持图文排列带上下箭头按钮的选项卡
Mar 14 Javascript
AngularJS 路由详解和简单实例
Jul 28 Javascript
JavaScript 对象详细整理总结
Sep 29 Javascript
js实现返回顶部效果
Mar 10 Javascript
JavaScript异步上传图片文件的实例代码
Jul 04 Javascript
简单快速的实现js计算器功能
Aug 17 Javascript
Angular5.1新功能分享
Dec 21 Javascript
实例解析ES6 Proxy使用场景介绍
Jan 08 Javascript
Openlayers绘制地图标注
Sep 28 Javascript
Webpack3+React16代码分割的实现
Mar 03 Javascript
Bootstrap.css与layDate日期选择样式起冲突的解决办法
Apr 07 #Javascript
JS实现的添加弹出层并完成锁屏操作示例
Apr 07 #Javascript
JavaScript函数节流的两种写法
Apr 07 #Javascript
原生JS实现圆环拖拽效果
Apr 07 #Javascript
Zepto实现密码的隐藏/显示
Apr 07 #Javascript
js按条件生成随机json:randomjson实现方法
Apr 07 #Javascript
详解JS中遍历语法的比较
Apr 07 #Javascript
You might like
Terran建筑一览
2020/03/14 星际争霸
php cURL和Rolling cURL并发方式比较
2013/10/30 PHP
php数组去重复数据示例
2014/02/25 PHP
总结PHP代码规范、流程规范、git规范
2018/06/18 PHP
PHP利用递归函数实现无限级分类的方法
2019/03/22 PHP
PHP超全局变量实现原理及代码解析
2020/09/01 PHP
Google韩国首页图标动画效果
2007/08/26 Javascript
JS URL传中文参数引发的乱码问题
2009/09/02 Javascript
浏览器脚本兼容 文本框中,回车键触发事件的兼容
2010/06/21 Javascript
javascript中万恶的function实例分析
2011/05/25 Javascript
jquery html动态生成select标签出问题的解决方法
2013/11/20 Javascript
JS求平均值的小例子
2013/11/29 Javascript
jquery mobile的触控点击事件会多次触发问题的解决方法
2014/05/08 Javascript
js编写贪吃蛇的小游戏
2020/08/24 Javascript
Javascript removeChild()删除节点及删除子节点的方法
2015/12/27 Javascript
jQuery Select下拉框操作小结(推荐)
2016/07/22 Javascript
Angular在一个页面中使用两个ng-app的方法
2017/02/20 Javascript
JavaScript数据结构之二叉树的查找算法示例
2017/04/13 Javascript
angularjs实现时间轴效果的示例代码
2017/11/29 Javascript
浅谈webpack对样式的处理
2018/01/05 Javascript
vue定义全局变量和全局方法的方法示例
2018/08/01 Javascript
vue里面v-bind和Props 利用props绑定动态数据的方法
2018/08/27 Javascript
小程序实现可拖动的悬浮按钮
2020/09/07 Javascript
Python中的多重装饰器
2015/04/11 Python
使用python生成目录树
2018/03/29 Python
padas 生成excel 增加sheet表的实例
2018/12/11 Python
如何用Python 加密文件
2020/09/10 Python
利用CSS3制作简单的3d半透明立方体图片展示
2017/03/25 HTML / CSS
印尼综合在线预订网站:Tiket.com(机票、酒店、火车、租车和娱乐)
2018/10/11 全球购物
美国糖果店:Sugarfina
2019/02/21 全球购物
群众路线教育实践活动心得体会(四风)
2014/11/03 职场文书
怎么写工作检讨书
2014/11/16 职场文书
财产保全担保书
2015/01/20 职场文书
2015年学生会个人工作总结
2015/04/09 职场文书
免职通知
2015/04/23 职场文书
金正昆讲礼仪观后感
2015/06/11 职场文书