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宝典学习笔记
Feb 07 Javascript
JQuery+Ajax无刷新分页的实例代码
Feb 08 Javascript
JS实现的5级联动Select下拉选择框实例
Aug 17 Javascript
ZeroClipboard.js使用一个flash复制多个文本框
Jun 19 Javascript
JavaScript hasOwnProperty() 函数实例详解
Aug 04 Javascript
bootstrap table服务端实现分页效果
Aug 10 Javascript
vue 粒子特效的示例代码
Sep 19 Javascript
js自定义trim函数实现删除两端空格功能
Feb 09 Javascript
vue-router启用history模式下的开发及非根目录部署方法
Dec 23 Javascript
一秒学会微信小程序制作table表格
Feb 14 Javascript
Vue实现腾讯云点播视频上传功能的实现代码
Aug 17 Javascript
vue基于Teleport实现Modal组件
May 31 Vue.js
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 阴历-农历-转换类代码
2012/01/16 PHP
PHP命名空间和自动加载类
2016/04/03 PHP
半角全角相互转换的js函数
2009/10/16 Javascript
js特殊字符转义介绍
2013/11/05 Javascript
jquery中post方法用法实例
2014/10/21 Javascript
js实现动画特效的文字链接鼠标悬停提示的方法
2015/03/02 Javascript
javascript十六进制及二进制转化的方法
2015/05/06 Javascript
详解JavaScript中的自定义事件编写
2016/05/10 Javascript
基于Bootstrap和jQuery构建前端分页工具实例代码
2016/11/23 Javascript
vue实现登录后页面跳转到之前页面
2018/01/07 Javascript
jQuery中常用动画效果函数知识点整理
2018/08/19 jQuery
JavaScript基于数组实现的栈与队列操作示例
2018/12/22 Javascript
Vue实现固定定位图标滑动隐藏效果
2019/05/30 Javascript
利用JS如何获取form表单数据
2019/12/19 Javascript
vue实现网络图片瀑布流 + 下拉刷新 + 上拉加载更多(步骤详解)
2020/01/14 Javascript
HTML+JS实现“代码雨”效果源码(黑客帝国文字下落效果)
2020/03/17 Javascript
Python实现3行代码解简单的一元一次方程
2014/08/18 Python
python实现爬虫统计学校BBS男女比例之多线程爬虫(二)
2015/12/31 Python
Python ldap实现登录实例代码
2016/09/30 Python
Python之os操作方法(详解)
2017/06/15 Python
简单的python协同过滤程序实例代码
2018/01/31 Python
在python里协程使用同步锁Lock的实例
2019/02/19 Python
使用批处理脚本自动生成并上传NuGet包(操作方法)
2019/11/19 Python
Python TCP通信客户端服务端代码实例
2019/11/21 Python
Python小白垃圾回收机制入门
2020/06/09 Python
解析Tensorflow之MNIST的使用
2020/06/30 Python
介绍一下常见的木马种类
2014/11/15 面试题
棉花姑娘教学反思
2014/02/15 职场文书
三八妇女节活动主持词
2014/03/17 职场文书
环保倡议书400字
2014/05/15 职场文书
爱心捐款感谢信
2015/01/20 职场文书
出国留学单位推荐信
2015/03/26 职场文书
2015年世界急救日宣传活动方案
2015/05/06 职场文书
《只有一个地球》教学反思
2016/02/16 职场文书
python实现A*寻路算法
2021/06/13 Python
python编程学习使用管道Pipe编写优化代码
2021/11/20 Python