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 Ajax学习实例6 向WebService发出请求,返回DataSet(XML) 异步调用
Mar 18 Javascript
兼容IE与firefox火狐的回车事件(js与jquery)
Oct 20 Javascript
Jquery图形报表插件 jqplot简介及参数详解
Oct 10 Javascript
使用jQuery validate 验证注册表单实例演示
Mar 25 Javascript
使用jQuery实现验证上传图片的格式与大小
Dec 03 Javascript
浅谈JavaScript中的对象及Promise对象的实现
Nov 15 Javascript
小程序开发实战:实现九宫格界面的导航的代码实现
Jan 19 Javascript
jQuery UI Grid 模态框中的表格实例代码
Apr 01 jQuery
彻底解决 webpack 打包文件体积过大问题
Jul 07 Javascript
微信小程序 input输入及动态设置按钮的实现
Oct 27 Javascript
Element实现表格分页数据选择+全选所有完善批量操作
Jun 07 Javascript
JavaScript实现手风琴效果
Feb 18 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 大数据量及海量数据处理算法总结
2011/05/07 PHP
关于mysql字符集设置了character_set_client=binary 在gbk情况下会出现表描述是乱码的情况
2013/01/06 PHP
PHP异步进程助手async-helper
2018/02/05 PHP
用prototype实现的简单小巧的多级联动菜单
2007/03/24 Javascript
JQuery 写的个性导航菜单
2009/12/24 Javascript
使用Javascript接收get传递的值的代码
2011/11/30 Javascript
JS 控件事件小结
2012/10/31 Javascript
JavaScript实现统计文本框Textarea字数增强用户体验
2012/12/21 Javascript
javascript生成不重复的随机数
2015/07/17 Javascript
javascript html实现网页版日历代码
2016/03/08 Javascript
浅析Javascript中bind()方法的使用与实现
2016/04/29 Javascript
canvas学习之API整理笔记(一)
2016/12/29 Javascript
JS 组件系列之Bootstrap Table 冻结列功能IE浏览器兼容性问题解决方案
2017/06/30 Javascript
用js屏蔽被http劫持的浮动广告实现方法
2017/08/10 Javascript
JavaScript基础心法 数据类型
2018/03/05 Javascript
聊聊JS动画库 Velocity.js的使用
2018/03/13 Javascript
JS判断两个数组或对象是否相同的方法示例
2019/02/28 Javascript
Vue 防止短时间内连续点击后多次触发请求的操作
2020/11/11 Javascript
Python类的多重继承问题深入分析
2014/11/09 Python
python实现将元祖转换成数组的方法
2015/05/04 Python
Python list操作用法总结
2015/11/10 Python
Python求算数平方根和约数的方法汇总
2016/03/09 Python
基于Django contrib Comments 评论模块(详解)
2017/12/08 Python
英国领先的汽车轮胎和快速健康中心:Kwik Fit
2017/10/29 全球购物
J2EE中常用的名词进行解释
2015/11/09 面试题
英语道歉信范文
2014/01/09 职场文书
红领巾心向党广播稿
2014/01/19 职场文书
员工拓展培训方案
2014/02/15 职场文书
我的中国梦演讲稿400字
2014/08/19 职场文书
革命英雄事迹演讲稿
2014/09/13 职场文书
2014年大学生村官工作总结
2014/11/19 职场文书
2015年社区服务活动总结
2015/03/25 职场文书
英语投诉信范文
2015/07/03 职场文书
通知怎么写?
2019/04/17 职场文书
CSS中float高度塌陷问题的四种解决方案
2022/04/18 HTML / CSS
Mysql中@和@@符号的详细使用指南
2022/06/05 MySQL