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 loading效果代码
Jun 18 Javascript
捕获浏览器关闭、刷新事件不同情况下的处理方法
Jun 02 Javascript
jQuery实现气球弹出框式的侧边导航菜单效果
Sep 22 Javascript
浅谈js中StringBuffer类的实现方法及使用
Sep 02 Javascript
零基础轻松学JavaScript闭包
Dec 30 Javascript
vue-cli创建的项目,配置多页面的实现方法
Mar 15 Javascript
在微信小程序中保存网络图片
Feb 12 Javascript
vue+mock.js实现前后端分离
Jul 24 Javascript
layui问题之自动滚动二级iframe页面到指定位置的方法
Sep 18 Javascript
html2canvas属性和使用方法以及如何使用html2canvas将HTML内容写入Canvas生成图片
Jan 12 Javascript
小程序跳转到的H5页面再跳转回跳小程序的方法
Mar 06 Javascript
JQuery实现折叠式菜单的详细代码
Jun 03 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
一个简单的PHP入门源程序
2006/10/09 PHP
php auth_http类库进行身份效验
2009/03/19 PHP
Windows 下的 PHP-PEAR 安装方法
2010/11/20 PHP
PHP使用Pear发送邮件(Windows环境)
2016/01/05 PHP
laravel 框架执行流程与原理简单分析
2020/02/01 PHP
PHP mkdir创建文件夹实现方法解析
2020/11/13 PHP
PHP的重载使用魔术方法代码实例详解
2021/02/26 PHP
Javascript & DHTML 实例编程(教程)(三)初级实例篇1—上传文件控件实例
2007/06/02 Javascript
WEB前端设计师常用工具集锦
2014/12/09 Javascript
jQuery DOM删除节点操作指南
2015/03/03 Javascript
JavaScript分页功能的实现方法
2015/04/25 Javascript
js实现带按钮的上下滚动效果
2015/05/12 Javascript
JS/Jquery判断对象为空的方法
2015/06/11 Javascript
js识别uc浏览器的代码
2015/11/06 Javascript
Angularjs中三种数据的绑定策略(“@”,“=”,“&”)
2016/12/23 Javascript
Vue.js结合bootstrap实现分页控件
2017/03/10 Javascript
js如何获取网页所有图片
2017/05/12 Javascript
用Vue.extend构建消息提示组件的方法实例
2017/08/08 Javascript
vue-cli3 项目从搭建优化到docker部署的方法
2019/01/28 Javascript
js实现窗口全屏示例详解
2019/09/17 Javascript
Python实现查询某个目录下修改时间最新的文件示例
2018/08/29 Python
PIL图像处理模块paste方法简单使用详解
2019/07/17 Python
python实现桌面气泡提示功能
2019/07/29 Python
PyCharm 2019.3发布增加了新功能一览
2019/12/08 Python
基于python爬取有道翻译过程图解
2020/03/31 Python
Python中的wordcloud库安装问题及解决方法
2020/05/27 Python
python3判断IP地址的方法
2021/03/04 Python
Julep官网:美容产品和指甲油
2017/02/25 全球购物
法国亚马逊官方网站:Amazon.fr
2020/12/19 全球购物
幼儿园门卫岗位职责范本
2014/07/02 职场文书
党性观念心得体会
2014/09/03 职场文书
医药公司开票员岗位职责
2015/04/15 职场文书
python3使用diagrams绘制架构图的步骤
2021/04/08 Python
Redis持久化与主从复制的实践
2021/04/27 Redis
vue实现简单数据双向绑定
2021/04/28 Vue.js
《废话连篇——致新手》——chinapizza
2022/04/05 无线电