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 相关文章推荐
jquery实现pager控件示例
Apr 09 Javascript
js闭包实例汇总
Nov 09 Javascript
Javascript核心读书有感之语句
Feb 11 Javascript
javascript限制文本框输入值类型的方法
May 07 Javascript
js实时获取并显示当前时间的方法
Jul 31 Javascript
JavaScript中的ajax功能的概念和示例详解
Oct 17 Javascript
js select下拉联动 更具级联性!
Apr 17 Javascript
动态加载权限管理模块中的Vue组件
Jan 16 Javascript
解决vue单页使用keep-alive页面返回不刷新的问题
Mar 13 Javascript
微信小程序实现滑动切换自定义页码的方法分析
Dec 29 Javascript
使用JavaScript保存文本文件到本地的两种方法
Jan 22 Javascript
浅谈js闭包理解
Mar 28 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
论坛头像随机变换代码
2006/10/09 PHP
php面向对象中static静态属性与方法的内存位置分析
2015/02/08 PHP
PHP使用PDO 连接与连接管理操作实例分析
2020/04/21 PHP
图片完美缩放
2006/09/07 Javascript
javascript HTMLEncode HTMLDecode的完整实例(兼容ie和火狐)
2009/06/02 Javascript
javascript来定义类的规范小结
2010/11/19 Javascript
jQuery 版元素拖拽原型代码
2011/04/25 Javascript
JS正则中的RegExp对象对象
2012/11/07 Javascript
js获取url参数代码实例分享(JS操作URL)
2013/12/13 Javascript
Javascript小技能总结(推荐)
2016/06/02 Javascript
JavaScript中有关一个数组中最大值和最小值及它们的下表的输出的解决办法
2016/07/01 Javascript
Require.JS中的几种define定义方式示例
2017/06/01 Javascript
jQuery实现切换隐藏与显示同时切换图标功能
2017/10/29 jQuery
angular4 获取wifi列表中文显示乱码问题的解决
2018/10/20 Javascript
通过JS运行机制的角度说说作用域
2019/03/12 Javascript
vue+express+jwt持久化登录的方法
2019/06/14 Javascript
js实现自定义右键菜单
2020/05/18 Javascript
Js图片点击切换轮播实现代码
2020/07/27 Javascript
Vue-router编程式导航的两种实现代码
2021/03/04 Vue.js
[08:42]DOTA2每周TOP10 精彩击杀集锦vol.2
2014/06/25 DOTA
pandas 实现将重复表格去重,并重新转换为表格的方法
2018/04/18 Python
tensorflow: 查看 tensor详细数值方法
2018/06/13 Python
python中pip的使用和修改下载源的方法
2019/07/08 Python
Python流程控制 if else实现解析
2019/09/02 Python
numpy 声明空数组详解
2019/12/05 Python
canvas学习总结三之绘制路径-线段
2019/01/31 HTML / CSS
公司出纳岗位职责
2013/12/07 职场文书
揭牌仪式主持词
2014/03/19 职场文书
高三上学期学习自我评价
2014/04/23 职场文书
室内设计专业自荐信
2014/05/31 职场文书
党员群众路线对照检查材料
2014/08/31 职场文书
党的群众路线教育实践活动学习计划
2014/11/03 职场文书
画展邀请函
2015/01/31 职场文书
欠条范文
2015/07/03 职场文书
《跨越海峡的生命桥》教学反思
2016/02/18 职场文书
SQL Server查询某个字段在哪些表中存在
2022/03/03 SQL Server