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 相关文章推荐
做网页的一些技巧
Feb 01 Javascript
JavaScript与DropDownList 区别分析
Jan 01 Javascript
JavaScript在IE和Firefox浏览器下的7个差异兼容写法小结
Jun 18 Javascript
jquery formValidator插件ajax验证 内容不做任何修改再离开提示错误的bug解决方法
Jan 04 Javascript
下载文件个别浏览器文件名乱码解决办法
Mar 19 Javascript
javasript实现密码的隐藏与显示
May 08 Javascript
基于javascript实现九九乘法表
Mar 27 Javascript
JavaScript里 ==与===区别详解
Aug 16 Javascript
AngularJS的ng-click传参的方法
Jun 19 Javascript
vue select二级联动第二级默认选中第一个option值的实例
Jan 10 Javascript
纯JS实现可用于页码更换的飞页特效示例
May 21 Javascript
微信小程序单选框自定义赋值
May 26 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将任何格式视频转为flv的代码
2009/09/03 PHP
浅析is_writable的php实现
2013/06/18 PHP
php无限分类使用concat如何实现
2015/11/05 PHP
Yii2 GridView实现列表页直接修改数据的方法
2016/05/16 PHP
PHP中md5()函数的用法讲解
2019/03/30 PHP
js数据验证集合、js email验证、js url验证、js长度验证、js数字验证等简单封装
2010/05/15 Javascript
克隆javascript对象的三个方法小结
2011/01/12 Javascript
js中settimeout方法加参数的使用实例
2014/02/27 Javascript
javascript回车完美实现tab切换功能
2014/03/13 Javascript
Nodejs中读取中文文件编码问题、发送邮件和定时任务实例
2015/01/01 NodeJs
AngularJs动态加载模块和依赖注入详解
2016/01/11 Javascript
TableSort.js表格排序插件使用方法详解
2017/02/10 Javascript
Bootstrap笔记—折叠实例代码
2017/03/13 Javascript
JS+canvas动态绘制饼图的方法示例
2017/09/12 Javascript
使用puppeteer破解极验的滑动验证码
2018/02/24 Javascript
Vue和React组件之间的传值方式详解
2019/01/31 Javascript
python爬虫基本知识
2018/03/05 Python
Python实现的对一个数进行因式分解操作示例
2019/06/27 Python
Python tkinter模版代码实例
2020/02/05 Python
通过python检测字符串的字母
2020/02/18 Python
Python文件夹批处理操作代码实例
2020/07/21 Python
使用CSS3制作一个简单的进度条(demo)
2017/05/23 HTML / CSS
美国彩妆品牌:Coastal Scents
2017/04/01 全球购物
中国双语服务优势的在线购票及活动平台:247tickets
2018/10/26 全球购物
IdealFit官方网站:女性蛋白质、补充剂和运动服装
2019/03/24 全球购物
您在慕尼黑的跑步商店:Lauf-bar
2019/10/11 全球购物
如何将无状态会话Bean发布为WEB服务,只有无状态会话Bean可以发布为WEB服务?
2015/12/03 面试题
自动化系在校本科生求职信
2013/10/23 职场文书
党的群众路线教育实践活动宣传标语口号
2014/06/06 职场文书
区长工作作风个人整改措施
2014/10/01 职场文书
旅游项目合作意向书
2015/05/08 职场文书
统招统分证明
2015/06/23 职场文书
2016年国培研修日志
2015/11/13 职场文书
React-vscode使用jsx语法的问题及解决方法
2021/06/21 Javascript
PYTHON使用Matplotlib去实现各种条形图的绘制
2022/03/22 Python
解决vue中provide inject的响应式监听
2022/04/19 Vue.js