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代码经典广告
Oct 21 Javascript
jquery实现控制表格行高亮实例
Jun 05 Javascript
js函数返回多个返回值的示例代码
Nov 05 Javascript
Jquery 动态循环输出表格具体方法
Nov 23 Javascript
13个PHP函数超实用
Oct 21 Javascript
通过javascript进行UTF-8编码的实现方法
Jun 27 Javascript
JavaScript中object和Object的区别(详解)
Feb 27 Javascript
基于js中的原型(全面讲解)
Sep 19 Javascript
图文详解vue框架安装步骤
Feb 12 Javascript
vscode配置vue下的es6规范自动格式化详解
Mar 20 Javascript
vue swipeCell滑动单元格(仿微信)的实现示例
Sep 14 Javascript
js将日期格式转换为YYYY-MM-DD HH:MM:SS
Sep 18 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
phpmyadmin的#1251问题
2006/11/25 PHP
PHP三层结构(上) 简单三层结构
2010/07/04 PHP
浅析php工厂模式
2014/11/25 PHP
通过chrome浏览器控制台(Console)进行PHP Debug的方法
2016/10/19 PHP
PHP进程通信基础之信号
2017/02/19 PHP
使用PHP开发留言板功能
2019/11/19 PHP
php设计模式之适配器模式实例分析【星际争霸游戏案例】
2020/04/07 PHP
js下判断 iframe 是否加载完成的完美方法
2010/10/26 Javascript
浅析showModalDialog数据缓存问题(用禁止浏览器缓存解决)
2013/07/09 Javascript
js onload事件不起作用示例分析
2013/10/09 Javascript
使用jquery修改表单的提交地址基本思路
2014/06/04 Javascript
node.js中的http.response.writeHead方法使用说明
2014/12/14 Javascript
Javascript中的高阶函数介绍
2015/03/15 Javascript
JavaScript中setUTCFullYear()方法的使用简介
2015/06/12 Javascript
javascript弹出窗口实现代码
2015/11/12 Javascript
Javascript表单特效之十大常用原理性样例代码大总结
2016/07/12 Javascript
利用jQuery插件imgAreaSelect实现获得选择域的图像信息
2016/12/02 Javascript
利用vue.js插入dom节点的方法
2017/03/15 Javascript
三种Webpack打包方式(小结)
2018/09/19 Javascript
详解在React-Native中持久化redux数据
2019/05/22 Javascript
优雅的使用javascript递归画一棵结构树示例代码
2019/09/22 Javascript
python实现ipsec开权限实例
2014/11/11 Python
详解Tensorflow数据读取有三种方式(next_batch)
2018/02/01 Python
python orm 框架中sqlalchemy用法实例详解
2020/02/02 Python
django在保存图像的同时压缩图像示例代码详解
2020/02/11 Python
解决python执行较大excel文件openpyxl慢问题
2020/05/15 Python
python def 定义函数,调用函数方式
2020/06/02 Python
基于注解实现 SpringBoot 接口防刷的方法
2021/03/02 Python
俄罗斯韩国化妆品网上商店:Cosmasi.ru
2019/10/31 全球购物
保密工作承诺书
2014/08/29 职场文书
小学生差生评语
2014/12/29 职场文书
2015年办公室文秘工作总结
2015/04/30 职场文书
煤矿安全生产工作总结
2015/08/13 职场文书
新手必备Python开发环境搭建教程
2021/05/28 Python
Python 实现Mac 屏幕截图详解
2021/10/05 Python
室外天线与收音机天线杆接合方法
2022/04/05 无线电