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 相关文章推荐
Javacript实现颜色梯度变化和渐变的效果代码
May 31 Javascript
JS与C#编码解码
Dec 03 Javascript
js自动查找select下拉的菜单并选择(示例代码)
Feb 26 Javascript
13 款最热门的 jQuery 图像 360 度旋转插件推荐
Dec 09 Javascript
js实现对table动态添加、删除和更新的方法
Feb 10 Javascript
jQuery控制网页打印指定区域的方法
Apr 07 Javascript
全面解析Bootstrap中nav、collapse的使用方法
May 22 Javascript
JavaScript仿微博发布信息案例
Nov 16 Javascript
Bootstrap导航简单实现代码
Mar 06 Javascript
js 取消页面可以选中文字的功能方法
Jan 02 Javascript
详解vue服务端渲染浏览器端缓存(keep-alive)
Oct 12 Javascript
JS原型和原型链原理与用法实例详解
Feb 05 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 XML备份Mysql数据库
2009/05/27 PHP
PHP MemCached高级缓存配置图文教程
2010/08/05 PHP
简单分析ucenter 会员同步登录通信原理
2014/08/25 PHP
PHP钩子与简单分发方式实例分析
2017/09/04 PHP
thinkphp框架无限级栏目的排序功能实现方法示例
2020/03/29 PHP
Gambit vs CL BO3 第二场 2.13
2021/03/10 DOTA
JavaScript中继承的一些示例方法与属性参考
2010/08/07 Javascript
jquery实现简单的自动播放幻灯片效果
2015/06/13 Javascript
JavaScript中的定时器之Item23的合理使用
2015/10/30 Javascript
常见的javascript跨域通信方法
2015/12/31 Javascript
使用jQuery UI库开发Web界面的简单入门指引
2016/04/22 Javascript
JavaScript基础教程——入门必看篇
2016/05/20 Javascript
BootStrap Table对前台页面表格的支持实例讲解
2016/12/22 Javascript
图文详解Javascript中的上下文和作用域
2017/02/15 Javascript
基于jquery实现左右上下移动效果
2018/05/02 jQuery
webpack dll打包重复问题优化的解决
2018/10/10 Javascript
从零开始搭建vue移动端项目到上线的步骤
2018/10/15 Javascript
用云开发Cloudbase实现小程序多图片内容安全监测的代码详解
2020/06/07 Javascript
使用python解析xml成对应的html示例分享
2014/04/02 Python
python socket 超时设置 errno 10054
2014/07/01 Python
python 文件操作api(文件操作函数)
2016/08/28 Python
python编写暴力破解zip文档程序的实例讲解
2018/04/24 Python
Python实现曲线拟合操作示例【基于numpy,scipy,matplotlib库】
2018/07/12 Python
Python爬虫小技巧之伪造随机的User-Agent
2018/09/13 Python
python全局变量引用与修改过程解析
2020/01/07 Python
使用TensorFlow直接获取处理MNIST数据方式
2020/02/10 Python
django model通过字典更新数据实例
2020/04/01 Python
PyQt5实现登录页面
2020/05/30 Python
CSS3中设置3D变形的transform-style属性详解
2016/05/23 HTML / CSS
旅游管理专业生自荐信范文
2014/01/02 职场文书
秋季运动会广播稿
2014/02/22 职场文书
2014向国旗敬礼网上签名活动总结
2014/09/27 职场文书
2015年教师节活动总结
2015/03/20 职场文书
2015年幼儿园教研活动总结
2015/03/25 职场文书
2016春季校长开学典礼致辞
2015/11/26 职场文书
TypeScript 内置高级类型编程示例
2022/09/23 Javascript