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的密码强度验证代码
Mar 01 Javascript
基于jquery的$.ajax async使用
Oct 19 Javascript
JS实现点击按钮控制Div变宽、增高及调整背景色的方法
Aug 05 Javascript
JS基于面向对象实现的拖拽库实例
Sep 24 Javascript
js实现动态加载脚本的方法实例汇总
Nov 02 Javascript
Angular中ng-repeat与ul li的多层嵌套重复问题
Jul 24 Javascript
node结合swig渲染摸板的方法
Apr 11 Javascript
详解Eslint 配置及规则说明
Sep 10 Javascript
vue动画效果实现方法示例
Mar 18 Javascript
Vue-cli3简单使用(图文步骤)
Apr 30 Javascript
JS端基于download.js实现图片、视频时直接下载而不是打开预览
May 09 Javascript
Vue elementui字体图标显示问题解决方案
Aug 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页面运行时间的函数介绍
2013/07/01 PHP
php获取汉字首字母的函数
2013/11/07 PHP
PHP IDE phpstorm 常用快捷键
2015/05/18 PHP
PHP/HTML混写的四种方式总结
2017/02/27 PHP
IIS 7.5 asp Session超时时间设置方法
2017/04/17 PHP
JavaScript的parseInt 进制问题
2009/05/07 Javascript
js 禁用只读文本框获得焦点时的退格键
2010/04/25 Javascript
写自已的js类库需要的核心代码
2012/07/16 Javascript
javascript控制swfObject应用介绍
2012/11/29 Javascript
探究Javascript模板引擎mustache.js使用方法
2016/01/26 Javascript
JQUERY表单暂存功能插件分享
2016/02/23 Javascript
两种js监听滚轮事件的实现方法
2016/05/13 Javascript
利用jQuery实现CheckBox全选/全不选/反选的简单代码
2016/05/31 Javascript
学习Javascript闭包(Closure)知识
2016/08/07 Javascript
基于substring()和substr()的使用以及区别(实例讲解)
2017/12/28 Javascript
NodeJS安装图文教程
2018/04/19 NodeJs
JavaScript和TypeScript中的void的具体使用
2019/09/12 Javascript
[01:04]DOTA2:伟大的Roshan雕塑震撼来临
2015/01/30 DOTA
在Python的循环体中使用else语句的方法
2015/03/30 Python
在SAE上部署Python的Django框架的一些问题汇总
2015/05/30 Python
Python文件夹与文件的相关操作(推荐)
2016/07/25 Python
python之PyMongo使用总结
2017/05/26 Python
python 实时得到cpu和内存的使用情况方法
2018/06/11 Python
Python unittest单元测试框架总结
2018/09/08 Python
python3使用flask编写注册post接口的方法
2018/12/28 Python
使用python将mysql数据库的数据转换为json数据的方法
2019/07/01 Python
python+opencv实现车牌定位功能(实例代码)
2019/12/24 Python
python列表返回重复数据的下标
2020/02/10 Python
Python利用socket模块开发简单的端口扫描工具的实现
2021/01/27 Python
澳大利亚领先的在线药房:Pharmacy Online(有中文站)
2020/02/22 全球购物
我的求职计划书
2014/01/10 职场文书
春节活动策划方案
2014/01/24 职场文书
优秀毕业生自我鉴定
2014/02/11 职场文书
孝敬父母的活动方案
2014/08/31 职场文书
社区环境卫生倡议书
2015/04/29 职场文书
一起来学习Python的元组和列表
2022/03/13 Python