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学习笔记 delete运算符
Sep 13 Javascript
用js读、写、删除Cookie代码分享及详细注释说明
Jun 05 Javascript
javascript中new关键字详解
Dec 14 Javascript
使用pcs api往免费的百度网盘上传下载文件的方法
Mar 17 Javascript
javascript实现简单计算器效果【推荐】
Apr 19 Javascript
使用bootstrap实现多窗口和拖动效果
Sep 22 Javascript
详解Vue.js——60分钟组件快速入门(上篇)
Dec 05 Javascript
实例详解display:none与visible:hidden的区别
Mar 30 Javascript
Node错误处理笔记之挖坑系列教程
Jun 05 Javascript
vuex提交state&&实时监听state数据的改变方法
Sep 16 Javascript
基于React Native 0.52实现轮播图效果
Aug 25 Javascript
Node.js 进程平滑离场剖析小结
Jan 24 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常用的文件操作函数经典收藏
2013/04/02 PHP
php正确输出json数据的实例讲解
2018/08/21 PHP
PHP扩展类型及安装方式解析
2020/04/27 PHP
javascript中将Object转换为String函数代码 (json str)
2012/04/29 Javascript
js获取多个tagname的节点数组
2013/09/22 Javascript
jQuery阻止事件冒泡具体实现
2013/10/11 Javascript
jquery+php随机生成红包金额数量代码分享
2015/08/27 Javascript
JS实现自动变化的导航菜单效果代码
2015/09/09 Javascript
分享15个大家都熟知的jquery小技巧
2015/12/02 Javascript
深入理解javascript作用域第二篇之词法作用域和动态作用域
2016/07/24 Javascript
AngularJS基础 ng-dblclick 指令用法
2016/08/01 Javascript
jQuery插件HighCharts实现的2D回归直线散点效果示例【附demo源码下载】
2017/03/09 Javascript
JavaScript实现网页头部进度条刷新
2017/04/16 Javascript
利用Vue.js实现求职在线之职位查询功能
2017/07/03 Javascript
关于前后端json数据的发送与接收详解
2017/07/30 Javascript
js实现点击按钮复制文本功能
2020/07/20 Javascript
VUE Error: getaddrinfo ENOTFOUND localhost
2018/05/03 Javascript
Vue.js 利用v-for中的index值实现隔行变色
2018/08/01 Javascript
微信小程序公用参数与公用方法用法示例
2019/01/09 Javascript
jQuery实现简单飞机大战
2020/07/05 jQuery
[03:27]《辉夜杯》线下训练营 导师CU和海涛指点迷津
2015/10/23 DOTA
浅析Python中元祖、列表和字典的区别
2016/08/17 Python
如何在Django中设置定时任务的方法示例
2019/01/18 Python
详解Python Matplot中文显示完美解决方案
2019/03/07 Python
python2使用bs4爬取腾讯社招过程解析
2019/08/14 Python
jupyter notebook 多环境conda kernel配置方式
2020/04/10 Python
Python flask框架如何显示图像到web页面
2020/06/03 Python
详解Python+Selenium+ChromeDriver的配置和问题解决
2021/01/19 Python
Spotahome意大利:公寓和房间出租
2020/02/21 全球购物
应用服务器有那些
2012/01/19 面试题
《假如》教学反思
2014/04/17 职场文书
如何写求职信
2014/05/24 职场文书
新闻发布会策划方案
2014/06/12 职场文书
市场营销工作计划书
2014/09/15 职场文书
小学家长通知书评语
2014/12/31 职场文书
Meta增速拉垮,元宇宙难当重任
2022/04/29 数码科技