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跨域问题之跨域iframe自适应大小实现代码
Jul 17 Javascript
jQuery标签编辑插件Tagit使用指南
Apr 21 Javascript
ArtEditor富文本编辑器增加表单提交功能
Apr 18 Javascript
JavaScript里 ==与===区别详解
Aug 16 Javascript
微信小程序 swiper组件详解及实例代码
Oct 25 Javascript
Javascript之深入浅出prototype
Feb 06 Javascript
第一次记录Bootstrap table学习笔记(1)
May 18 Javascript
JS实现点击循环切换显示内容的方法
Oct 19 Javascript
微信小程序授权登陆及每次检查是否授权实例代码
Sep 18 Javascript
微信公众号网页分享功能开发的示例代码
May 27 Javascript
JavaScript缺少insertAfter解决方案
Jul 03 Javascript
面试中canvas绘制图片模糊图片问题处理
Mar 13 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
教你IIS6的PHP最佳配置方法
2006/09/05 PHP
php下载文件源代码(强制任意文件格式下载)
2014/05/09 PHP
Smarty模板学习笔记之Smarty简介
2014/05/20 PHP
php链表用法实例分析
2015/07/09 PHP
谈谈php对接芝麻信用踩的坑
2016/12/01 PHP
微信公众号开发之获取位置信息php代码
2018/06/13 PHP
JavaScript 页面编码与浏览器类型判断代码
2010/06/03 Javascript
javascript 学习笔记(八)javascript对象
2011/04/12 Javascript
JS+CSS实现弹出全屏灰黑色透明遮罩效果的方法
2014/12/20 Javascript
PHP+jQuery+Ajax+Mysql如何实现发表心情功能
2015/08/06 Javascript
JavaScript学习笔记之检测客户端类型是(引擎、浏览器、平台、操作系统、移动设备)
2015/12/03 Javascript
详解JavaScript正则表达式之分组匹配及反向引用
2016/03/09 Javascript
jQuery实现腾讯信用界面(自制刻度尺)样式
2017/08/15 jQuery
初识 Vue.js 中的 *.Vue文件
2017/11/22 Javascript
微信小程序实现倒计时调用相机自动拍照功能
2018/06/10 Javascript
使用electron制作满屏心特效的示例代码
2018/11/27 Javascript
js中的数组对象排序分析
2018/12/11 Javascript
vue使用pdfjs显示PDF可复制的实现方法
2018/12/14 Javascript
angular 实现下拉列表组件的示例代码
2019/03/09 Javascript
详解在React项目中安装并使用Less(用法总结)
2019/03/18 Javascript
Nodejs libuv运行原理详解
2019/08/21 NodeJs
Python中的Numpy入门教程
2014/04/26 Python
Python实现的根据IP地址计算子网掩码位数功能示例
2018/05/23 Python
浅谈python中get pass用法
2019/03/19 Python
python并发编程多进程 模拟抢票实现过程
2019/08/20 Python
基于Python绘制个人足迹地图
2020/06/01 Python
websocket+sockjs+stompjs详解及实例代码
2018/11/30 HTML / CSS
浅谈pc和移动端的响应式的使用
2019/01/03 HTML / CSS
室内设计自我鉴定
2013/10/15 职场文书
迟到检讨书大全
2014/01/25 职场文书
教学实习自我评价
2014/01/28 职场文书
《学会待客》教学反思
2014/02/22 职场文书
大学生学习新党章思想汇报
2014/10/25 职场文书
公司更名通知函
2015/04/24 职场文书
2016年“我们的节日·清明节”活动总结
2016/04/01 职场文书
python 爬取吉首大学网站成绩单
2021/06/02 Python