document.getElementById的简写方式(获取id对象的简略写法)


Posted in Javascript onSeptember 10, 2010

比如用_$(id)代替document.getElementById(id).
如果是纯粹的代替可以使用下面的代码

function $(id){document.getElementById(id)}

个人比较推荐用prototype中对document.getElementById的定义:
function $() 
{ 
var elements = new Array(); 
for (var i = 0; i < arguments.length; i++) 
{ 
var element = arguments[i]; 
if (typeof element == 'string') 
element = document.getElementById(element); 
if (arguments.length == 1) 
return element; 
elements.push(element); 
} 
return elements; 
}

你还可以用以下代码来定义:
function $(objectId) { 
if(document.getElementById && document.getElementById(objectId)) { 
return document.getElementById(objectId);// W3C DOM 
} else if (document.all && document.all(objectId)) { 
return document.all(objectId);// MSIE 4 DOM 
} else if (document.layers && document.layers[objectId]) { 
return document.layers[objectId];// NN 4 DOM.. note: this won't find nested layers 
} else { 
return false; 
} 
}

这样写不断可以为JS文件省掉不少字符,还可以避免输入时的错误.
有一个小小的说明,$是一个自定义的值,你可以根据你的喜好写任何一个非JavaScript保留关键字,比如i_d,myid,等等你喜欢的定义.如果你的页面中调用到了jQuery的库文件,你可以直接用$代替document.getElementById.
Javascript 相关文章推荐
jquery无限级联下拉菜单简单实例演示
Nov 23 Javascript
jQuery+php实时获取及响应文本框输入内容的方法
May 24 Javascript
bootstrap fileinput组件整合Springmvc上传图片到本地磁盘
May 11 Javascript
详解webpack的配置文件entry与output
Aug 21 Javascript
Vue的Class与Style绑定的方法
Sep 01 Javascript
AngularJS双向数据绑定原理之$watch、$apply和$digest的应用
Jan 30 Javascript
解决vue处理axios post请求传参的问题
Mar 05 Javascript
layer弹出的iframe层在执行完毕后关闭当前弹出层的方法
Aug 17 Javascript
Vue项目中使用WebUploader实现文件上传的方法
Jul 21 Javascript
微信小程序模板消息推送的两种实现方式
Aug 27 Javascript
Vue中Table组件行内右键菜单实现方法(基于 vue + AntDesign)
Nov 21 Javascript
vue+AI智能机器人回复功能实现
Jul 16 Javascript
一些常用且实用的原生JavaScript函数
Sep 08 #Javascript
js location.replace与location.reload的区别
Sep 08 #Javascript
js中匿名函数的N种写法
Sep 08 #Javascript
JavaScript与Div对层定位和移动获得坐标的实现代码
Sep 08 #Javascript
javascript循环变量注册dom事件 之强大的闭包
Sep 08 #Javascript
Javascript的一种模块模式
Sep 08 #Javascript
jQeury淡入淡出需要注意的问题
Sep 08 #Javascript
You might like
PHP中is_file()函数使用指南
2015/05/08 PHP
Zend Framework教程之Application用法实例详解
2016/03/14 PHP
PHP 7安装使用体验之性能大提升,兼容性强,扩展支持不够(升级PHP要谨慎)
2017/07/27 PHP
PHP CURL与java http使用方法详解
2018/01/26 PHP
php中目录操作opendir()、readdir()及scandir()用法示例
2019/06/08 PHP
ext combox 下拉框不出现自动提示,自动选中的解决方法
2010/02/24 Javascript
jQuery select操作控制方法小结
2010/05/26 Javascript
jquery 结合C#后台的数组对文章的关键字自动添加链接的代码
2011/07/15 Javascript
使用jQuery和Bootstrap实现多层、自适应模态窗口
2014/12/22 Javascript
js使用onmousemove和onmouseout获取鼠标坐标的方法
2015/03/31 Javascript
jquery获取img的src值的简单实例
2016/05/17 Javascript
requirejs + vue 项目搭建详解
2017/06/16 Javascript
Bootstrap实现的表格合并单元格示例
2018/02/06 Javascript
微信小程序如何调用图片接口API并居中显示
2019/06/29 Javascript
Node.js开发之套接字(socket)编程入门示例
2019/11/05 Javascript
VUE实时监听元素距离顶部高度的操作
2020/07/29 Javascript
Python用threading实现多线程详解
2017/02/03 Python
python解决js文件utf-8编码乱码问题(推荐)
2018/05/02 Python
使用python 3实现发送邮件功能
2018/06/15 Python
python 读取目录下csv文件并绘制曲线v111的方法
2018/07/06 Python
Python实现定制自动化业务流量报表周报功能【XlsxWriter模块】
2019/03/11 Python
如何基于python生成list的所有的子集
2019/11/11 Python
PyTorch实现AlexNet示例
2020/01/14 Python
CSS 3.0文字悬停跳动特效代码
2020/10/26 HTML / CSS
联想美国官方商城:Lenovo美国
2017/06/19 全球购物
毕业生物理教师求职信
2013/10/17 职场文书
圣诞节红领巾广播稿
2014/02/03 职场文书
幼儿园教师教学反思
2014/02/06 职场文书
甜品蛋糕店创业计划书范文
2014/02/06 职场文书
毕业生如何写自我鉴定
2014/03/15 职场文书
篝火晚会策划方案
2014/05/16 职场文书
运动员入场前导词
2015/07/20 职场文书
Django一小时写出账号密码管理系统
2021/04/29 Python
redis实现排行榜功能
2021/05/24 Redis
Nginx stream 配置代理(Nginx TCP/UDP 负载均衡)
2021/11/17 Servers
使用Docker容器部署rocketmq单机的全过程
2022/04/03 Servers