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 Jquery 遍历,筛选页面元素 自动完成(实现代码)
Jul 08 Javascript
关于IE中getElementsByClassName不能用的问题解决方法
Aug 26 Javascript
js判断选择时间不能小于当前时间的示例代码
Sep 24 Javascript
Vue页面骨架屏注入方法
May 13 Javascript
vue 下列表侧滑操作实例代码详解
Jul 24 Javascript
js删除数组中某几项的方法总结
Jan 16 Javascript
vue列表单项展开收缩功能之this.$refs的详解
May 05 Javascript
微信小程序上线发布流程图文详解
May 06 Javascript
Vue中对iframe实现keep alive无刷新的方法
Jul 23 Javascript
Vue中axios拦截器如何单独配置token
Dec 27 Javascript
Javascript实现html转pdf高清版(提高分辨率)
Feb 19 Javascript
基于JQuery实现页面定时弹出广告
May 08 jQuery
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
1982年日本摄影师镜头下的中国孩子 那无忧无虑的童年
2020/03/12 杂记
linux下使用crontab实现定时PHP计划任务失败的原因分析
2014/07/05 PHP
Parse正式发布开源PHP SDK
2014/08/11 PHP
php中file_get_content 和curl以及fopen 效率分析
2014/09/19 PHP
PHP中list()函数用法实例简析
2016/01/08 PHP
javascript遍历控件实例详细解析
2014/01/10 Javascript
vue中如何让子组件修改父组件数据
2018/06/14 Javascript
使用layui 渲染table数据表格的实例代码
2018/08/19 Javascript
Vue Cli3 创建项目的方法步骤
2018/10/15 Javascript
解析原来浏览器原生支持JS Base64编码解码
2019/08/12 Javascript
使用Vue.set()方法实现响应式修改数组数据步骤
2019/11/09 Javascript
Vue快速实现通用表单验证的示例代码
2020/01/09 Javascript
TensorFlow.js 微信小程序插件开始支持模型缓存的方法
2020/02/21 Javascript
Array.filter中如何正确使用Async
2020/11/04 Javascript
[03:02]2014DOTA2西雅图邀请赛 让队员自己告诉你DK NAVI备战情况
2014/07/08 DOTA
[48:11]完美世界DOTA2联赛 Magma vs GXR 第二场 11.07
2020/11/10 DOTA
[47:43]完美世界DOTA2联赛PWL S3 Magama vs GXR 第二场 12.19
2020/12/24 DOTA
[05:59]带你看看DPC的台前幕后
2021/03/11 DOTA
web.py中调用文件夹内模板的方法
2014/08/26 Python
在Python中封装GObject模块进行图形化程序编程的教程
2015/04/14 Python
python自动化脚本安装指定版本python环境详解
2017/09/14 Python
连接pandas以及数组转pandas的方法
2019/06/28 Python
Python类中的魔法方法之 __slots__原理解析
2019/08/26 Python
Python上下文管理器类和上下文管理器装饰器contextmanager用法实例分析
2019/11/07 Python
python GUI库图形界面开发之PyQt5窗口控件QWidget详细使用方法
2020/02/26 Python
Python datetime 格式化 明天,昨天实例
2020/03/02 Python
如何使用python记录室友的抖音在线时间
2020/06/29 Python
英国复古服装和球衣购买网站:3Retro Football
2018/07/09 全球购物
中文系学生自荐信范文
2013/11/13 职场文书
餐厅销售主管职责范本
2014/02/19 职场文书
春风行动实施方案
2014/03/28 职场文书
运动会班级口号
2014/06/09 职场文书
儿园租房协议书范本
2014/12/02 职场文书
2015年高校保卫处工作总结
2015/07/23 职场文书
创业计划书之花店
2019/09/20 职场文书
MySQL实战记录之如何快速定位慢SQL
2022/03/23 MySQL