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 相关文章推荐
js 加载时自动调整图片大小
May 28 Javascript
js父页面与子页面不同时显示的方法
Oct 16 Javascript
3种Jquery限制文本框只能输入数字字母的方法
Dec 03 Javascript
jquery实现Ctrl+Enter提交表单的方法
Jul 21 Javascript
Jquery Easyui自定义下拉框组件使用详解(21)
Dec 31 Javascript
Webpack中css-loader和less-loader的使用教程
Apr 27 Javascript
JavaScript创建对象_动力节点Java学院整理
Jun 27 Javascript
vue.js实例todoList项目
Jul 07 Javascript
微信小程序实现MUI数字输入框效果
Jan 31 Javascript
Vue 引入AMap高德地图的实现代码
Apr 29 Javascript
electron-vue利用webpack打包实现多页面的入口文件问题
May 12 Javascript
微信小程序发布新版本时自动提示用户更新的方法
Jun 07 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
用PHP和ACCESS写聊天室(一)
2006/10/09 PHP
PHP导出MySQL数据到Excel文件(fputcsv)
2011/07/03 PHP
PHP封装的一个支持HTML、JS、PHP重定向的多功能跳转函数
2014/06/19 PHP
PHP使用array_merge重新排列数组下标的方法
2015/07/22 PHP
CI框架出现mysql数据库连接资源无法释放的解决方法
2016/05/17 PHP
php 计算两个时间相差的天数、小时数、分钟数、秒数详解及实例代码
2016/11/09 PHP
(currentStyle)javascript为何有时用style得不到已设定的CSS的属性
2007/08/15 Javascript
高性能web开发 如何加载JS,JS应该放在什么位置?
2010/05/14 Javascript
javascript 内存回收机制理解
2011/01/17 Javascript
原生js操作checkbox用document.getElementById实现
2013/10/12 Javascript
浅析XMLHttpRequest的缓存问题
2013/12/13 Javascript
验证码在IE中不刷新而谷歌等浏览器正常的解决方案
2014/03/18 Javascript
js操作DOM--添加、删除节点的简单实例
2016/07/08 Javascript
Angular2关于@angular/cli默认端口号配置的问题
2017/07/15 Javascript
Angularjs的启动过程分析
2017/07/18 Javascript
Vue入门之animate过渡动画效果
2018/04/08 Javascript
简单的三步vuex入门
2018/05/20 Javascript
详解如何使用koa实现socket.io官网的例子
2018/11/04 Javascript
详解puppeteer使用代理
2018/12/27 Javascript
浅析JavaScript中的事件委托机制跟深浅拷贝
2021/01/20 Javascript
[02:38]DOTA2亚洲邀请赛 IG战队巡礼
2015/02/03 DOTA
Python的Flask框架中SQLAlchemy使用时的乱码问题解决
2015/11/07 Python
python中判断文件编码的chardet(实例讲解)
2017/12/21 Python
Ubuntu16.04/树莓派Python3+opencv配置教程(分享)
2018/04/02 Python
python实现决策树分类
2018/08/30 Python
python获取中文字符串长度的方法
2018/11/14 Python
python自定义函数实现一个数的三次方计算方法
2019/01/20 Python
Python字典遍历操作实例小结
2019/03/05 Python
python实现关闭第三方窗口的方法
2019/06/28 Python
Onzie官网:美国时尚瑜伽品牌
2019/08/21 全球购物
教师节商场活动方案
2014/02/13 职场文书
社区健康教育实施方案
2014/03/18 职场文书
中学生自我评价2015
2015/03/03 职场文书
行政经理岗位职责
2015/04/15 职场文书
历史博物馆观后感
2015/06/05 职场文书
带你彻底理解JavaScript中的原型对象
2021/04/14 Javascript