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 相关文章推荐
关于include标签导致js路径找不到的问题分析及解决
Jul 09 Javascript
javascript数组详解
Oct 22 Javascript
node.js中的dns.getServers方法使用说明
Dec 08 Javascript
PHP 数组current和next用法分享
Mar 05 Javascript
JS修改地址栏参数实例代码
Jun 14 Javascript
js调用父框架函数与弹窗调用父页面函数的简单方法
Nov 01 Javascript
AngularJS深入探讨scope,继承结构,事件系统和生命周期
Nov 02 Javascript
js实现文本上下来回滚动
Feb 03 Javascript
利用node.js爬取指定排名网站的JS引用库详解
Jul 25 Javascript
JavaScript事件冒泡与事件捕获实例分析
Aug 01 Javascript
构建Vue大型应用的10个最佳实践(小结)
Nov 07 Javascript
JS一次前端面试经历记录
Mar 19 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
调频问题解答
2021/03/01 无线电
header()函数使用说明
2006/11/23 PHP
对淘宝URL中ID提取的PHP代码
2013/09/01 PHP
PHP递归实现层级树状展开
2016/04/01 PHP
php使用FFmpeg接口获取视频的播放时长、码率、缩略图以及创建时间
2016/11/07 PHP
PHP 枚举类型的管理与设计知识点总结
2020/02/13 PHP
[HTML/CSS/Javascript]WWTJS
2007/09/25 Javascript
JS中令人发指的valueOf方法介绍
2013/02/22 Javascript
动态加载dtree.js树treeview(示例代码)
2013/12/17 Javascript
基于javascript实现的搜索时自动提示功能
2014/12/26 Javascript
jQuery控制cookie过期时间的方法
2015/04/07 Javascript
JavaScript实现cookie的写入、读取、删除功能
2015/11/05 Javascript
bootstrap 模态框(modal)实现水平垂直居中显示
2017/01/23 Javascript
Angular 表单控件示例代码
2017/06/26 Javascript
angular或者js怎么确定选中ul中的哪几个li
2017/08/16 Javascript
防止页面url缓存中ajax中post请求的处理方法
2017/10/10 Javascript
详解如何使用PM2将Node.js的集群变得更加容易
2017/11/15 Javascript
基于 Vue.js 2.0 酷炫自适应背景视频登录页面实现方式
2018/01/17 Javascript
react native 获取地理位置的方法示例
2018/08/28 Javascript
python通过pil模块获得图片exif信息的方法
2015/03/16 Python
使用SAE部署Python运行环境的教程
2015/05/05 Python
Python批量重命名同一文件夹下文件的方法
2015/05/25 Python
python探索之BaseHTTPServer-实现Web服务器介绍
2017/10/28 Python
OpenCV-Python实现轮廓检测实例分析
2018/01/05 Python
深入浅析python 协程与go协程的区别
2019/05/09 Python
Django实现后台上传并显示图片功能
2020/05/29 Python
python3代码中实现加法重载的实例
2020/12/03 Python
Matplotlib配色之Colormap详解
2021/01/05 Python
北承题目(C++)
2012/05/16 面试题
盛大二次面试题
2016/11/18 面试题
旅游管理实习自我鉴定
2013/09/29 职场文书
师生聚会感言
2014/01/26 职场文书
文明餐桌活动方案
2014/02/11 职场文书
计算机专业自荐信范文
2014/05/28 职场文书
世界各国短波电台对东亚播送时间频率表(SW)
2021/06/28 无线电
python数据分析之单因素分析线性拟合及地理编码
2022/06/25 Python