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 相关文章推荐
Javascript 各浏览器的 Javascript 效率对比
Jan 23 Javascript
js tab 选项卡
Apr 26 Javascript
javascript类型系统 Window对象学习笔记
Jan 07 Javascript
js+flash实现的5图变换效果广告代码(附演示与demo源码下载)
Apr 01 Javascript
JS Canvas定时器模拟动态加载动画
Sep 17 Javascript
vue.js学习笔记之绑定style样式和class列表
Oct 31 Javascript
jQuery ajax调用webservice注意事项
Oct 08 jQuery
Node.JS使用Sequelize操作MySQL的示例代码
Oct 09 Javascript
Vue实现点击后文字变色切换方法
Feb 11 Javascript
Vue中 key keep-alive的实现原理
Sep 18 Javascript
Element-ui中元素滚动时el-option超出元素区域的问题
May 30 Javascript
微信小程序中网络请求缓存的解决方法
Dec 29 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/08/12 PHP
PHP实现的无限分类类库定义与用法示例【基于thinkPHP】
2018/08/06 PHP
简单的php购物车代码
2020/06/05 PHP
php实现对短信验证码发送次数的限制实例讲解
2021/03/04 PHP
js Flash插入函数免激活代码
2009/03/31 Javascript
extjs 3.31 TreeGrid实现静态页面加载json到TreeGrid里面
2013/04/02 Javascript
自己动手实现jQuery Callbacks完整功能代码详解
2013/11/25 Javascript
input:checkbox多选框实现单选效果跟radio一样
2014/06/16 Javascript
JavaScript实现在数组中查找不同顺序排列的字符串
2014/09/26 Javascript
js与css实现弹出层覆盖整个页面的方法
2014/12/13 Javascript
JS随机调用指定函数的方法
2015/07/01 Javascript
JS实现自定义简单网页软键盘效果代码
2015/11/05 Javascript
实例讲解JS中setTimeout()的用法
2016/01/28 Javascript
基于javascript实现泡泡大冒险网页版小游戏
2016/03/23 Javascript
Bootstrap每天必学之警告框插件
2016/04/26 Javascript
基于CSS3和jQuery实现跟随鼠标方位的Hover特效
2016/07/25 Javascript
JavaScript中校验银行卡号的实现代码
2016/12/19 Javascript
使用node.js对音视频文件加密的实例代码
2017/08/30 Javascript
node.js之基础加密算法模块crypto详解
2018/09/11 Javascript
KOA+egg.js集成kafka消息队列的示例
2018/11/09 Javascript
vue+django实现一对一聊天功能的实例代码
2019/07/17 Javascript
LayUI动态设置checkbox不显示的解决方法
2019/09/02 Javascript
Layui数据表格之单元格编辑方式
2019/10/26 Javascript
微信小程序仿淘宝热搜词在搜索框中轮播功能
2020/01/21 Javascript
微信小程序自定义yPicker组件实现省市区三级联动功能
2020/10/29 Javascript
python新手经常遇到的17个错误分析
2014/07/30 Python
详解Python的Django框架中的Cookie相关处理
2015/07/22 Python
对Python中list的倒序索引和切片实例讲解
2018/11/15 Python
详解重置Django migration的常见方式
2019/02/15 Python
下载官网python并安装的步骤详解
2019/10/12 Python
Python3运算符常见用法分析
2020/02/14 Python
美国波西米亚风格精品店:South Moon Under
2019/10/26 全球购物
大学生专业个人学习的自我评价
2013/10/26 职场文书
学校司机岗位职责
2013/11/14 职场文书
关于礼仪的演讲稿
2014/01/04 职场文书
管理者们如何制定2019年的工作计划?
2019/07/01 职场文书