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模拟select下拉框的简单示例代码
Jan 26 Javascript
分享JavaScript与Java中MD5使用两个例子
Dec 23 Javascript
Javascript对象字面量的理解
Jun 22 Javascript
jQuery 3.0十大新特性
Jul 06 Javascript
Angular懒加载机制刷新后无法回退的快速解决方法
Aug 30 Javascript
利用js来实现缩略语列表、文献来源链接和快捷键列表
Dec 16 Javascript
vue项目中使用Hbuilder打包app 设置沉浸式状态栏的方法
Oct 22 Javascript
vue-cli中使用高德地图的方法示例
Mar 28 Javascript
简单了解JavaScript中常见的反模式
Jun 21 Javascript
VScode格式化ESlint方法(最全最好用方法)
Sep 10 Javascript
React 实现车牌键盘的示例代码
Dec 20 Javascript
JS中队列和双端队列实现及应用详解
Sep 29 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 cli 方式 在crotab中运行解决
2010/02/08 PHP
解析thinkphp中的M()与D()方法的区别
2013/06/22 PHP
php实现图片文件与下载文件防盗链的方法
2014/11/03 PHP
得到文本框选中的文字,动态插入文字的js代码
2007/03/07 Javascript
jQuery在html有效在jsp无效的原因及解决方法
2013/08/02 Javascript
最好用的省市二级联动 原生js实现你值得拥有
2013/09/22 Javascript
Jquery使用Firefox FireBug插件调试Ajax步骤讲解
2013/12/02 Javascript
jQuery结合CSS制作漂亮的select下拉菜单
2015/05/03 Javascript
JS实现超简洁网页title标题跑动闪烁提示效果代码
2015/10/23 Javascript
ES6中如何使用Set和WeakSet
2016/03/10 Javascript
20分钟成功编写bootstrap响应式页面 就这么简单
2016/05/12 Javascript
设置jQueryUI DatePicker默认语言为中文
2016/06/04 Javascript
jQuery Ajax 加载数据时异步显示加载动画
2016/08/01 Javascript
简单实现js浮动框
2016/12/13 Javascript
详解使用Typescript开发node.js项目(简单的环境配置)
2017/10/09 Javascript
CryptoJS中AES实现前后端通用加解密技术
2018/12/18 Javascript
Element-Ui组件 NavMenu 导航菜单的具体使用
2019/10/24 Javascript
小程序实现上传视频功能
2020/08/18 Javascript
Python数据分析之如何利用pandas查询数据示例代码
2017/09/01 Python
python爬虫租房信息在地图上显示的方法
2019/05/13 Python
python 使用pdfminer3k 读取PDF文档的例子
2019/08/27 Python
python实现布隆过滤器及原理解析
2019/12/08 Python
如何在vscode中安装python库的方法步骤
2021/01/06 Python
pandas针对excel处理的实现
2021/01/15 Python
CSS实现鼠标滑过鼠标点击代码写法
2016/12/26 HTML / CSS
UGG英国官方网站:UGG UK
2018/02/08 全球购物
Probikekit欧盟:在线公路自行车专家
2019/07/12 全球购物
什么是Web Service?
2012/07/25 面试题
小区消防演习方案
2014/02/21 职场文书
应届生求职自荐信范文
2014/04/07 职场文书
全国爱牙日活动总结
2015/02/05 职场文书
2015年幼儿园个人工作总结
2015/04/25 职场文书
李强优秀员工观后感
2015/06/16 职场文书
初中班主任心得体会
2016/01/07 职场文书
导游词之千岛湖
2019/09/23 职场文书
python plt.plot bar 如何设置绘图尺寸大小
2021/06/01 Python