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 相关文章推荐
北京奥运官方网站幻灯切换效果flash版打包下载
Jan 30 Javascript
Javascript typeof 用法
Dec 28 Javascript
javascript中关于执行环境的杂谈
Aug 14 Javascript
JavaScript初学者应注意的七个细节小结
Jan 30 Javascript
js定时调用方法成功后并停止调用示例
Apr 08 Javascript
JavaScript实现同步于本地时间的动态时间显示方法
Feb 02 Javascript
jQuery检测某个元素是否存在代码分享
Jul 09 Javascript
JS截取字符串实例详解
Nov 24 Javascript
JavaScript中数组添加值和访问值常见问题
Feb 06 Javascript
JS生成不重复的随机数组的简单实例
Jul 10 Javascript
vue cli2.0单页面title修改方法
Jun 07 Javascript
JS实现动态星空背景效果
Nov 01 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
Email+URL的判断和自动转换函数
2006/10/09 PHP
PHP中通过HTTP_USER_AGENT判断是否为手机移动终端的函数代码
2013/02/14 PHP
如何使用php绘制在图片上的正余弦曲线
2013/06/08 PHP
php通过ajax实现双击table修改内容
2014/04/28 PHP
使用Thinkphp框架开发移动端接口
2015/08/05 PHP
使用Yii2实现主从数据库设置
2016/11/20 PHP
Laravel中Facade的加载过程与原理详解
2017/09/22 PHP
PHP实现的DES加密解密类定义与用法示例
2020/11/02 PHP
php实现构建排除当前元素的乘积数组方法
2018/10/06 PHP
JavaScript静态的动态
2006/09/18 Javascript
元素的内联事件处理函数的特殊作用域在各浏览器中存在差异
2011/01/12 Javascript
ASP.NET jQuery 实例9  通过控件hyperlink实现返回顶部效果
2012/02/03 Javascript
Jquery中find与each方法用法实例
2015/02/04 Javascript
javascript设置和获取cookie的方法实例详解
2016/01/05 Javascript
jQuery操作动态生成的内容的方法
2016/05/28 Javascript
JS访问DOM节点方法详解
2016/11/29 Javascript
vuejs开发组件分享之H5图片上传、压缩及拍照旋转的问题处理
2017/03/06 Javascript
详解vue-resource promise兼容性问题
2017/06/20 Javascript
BootStrap给table表格的每一行添加一个按钮事件
2017/09/07 Javascript
vue中改变选中当前项的显示隐藏或者状态的实现方法
2018/02/08 Javascript
微信小程序签到功能
2018/10/31 Javascript
Linux下Python获取IP地址的代码
2014/11/30 Python
Python实现提取文章摘要的方法
2015/04/21 Python
Python读取文件内容的三种常用方式及效率比较
2017/10/07 Python
Python3 中文文件读写方法
2018/01/23 Python
Python使用turtle库绘制小猪佩奇(实例代码)
2020/01/16 Python
记录一下scrapy中settings的一些配置小结
2020/09/28 Python
Python爬虫之Selenium中frame/iframe表单嵌套页面
2020/12/04 Python
DNA基因检测和分析:23andMe
2019/05/01 全球购物
将"引用"作为函数返回值类型的格式、好处和需要遵守的规则
2016/02/09 面试题
活动总结模板
2014/05/09 职场文书
学校教师读书活动总结
2014/07/08 职场文书
教学改革问题查摆整改措施
2014/09/27 职场文书
离婚协议书格式
2015/01/26 职场文书
2019年特色火锅店的创业计划书模板
2019/08/28 职场文书
Spring Data JPA框架持久化存储数据到数据库
2022/04/28 Java/Android