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 相关文章推荐
游戏人文件夹程序 ver 4.03
Jul 14 Javascript
dojo 之基础篇(二)之从服务器读取数据
Mar 24 Javascript
javascript之学会吝啬 精简代码
Apr 25 Javascript
关于js拖拽上传 [一个拖拽上传修改头像的流程]
Jul 13 Javascript
一样的table?不一样的table(可编辑状态table)
Sep 19 Javascript
JavaScript中switch判断容易犯错的一个细节
Aug 27 Javascript
当前流行的JavaScript代码风格指南
Sep 10 Javascript
jQuery中[attribute]选择器用法实例
Dec 31 Javascript
jQuery实现美观的多级动画效果菜单代码
Sep 06 Javascript
jquery实现表格中点击相应行变色功能效果【实例代码】
May 09 Javascript
jQuery中的100个技巧汇总
Dec 15 Javascript
js中int和string数据类型互相转化实例
Jan 16 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+html5使用FormData对象提交表单及上传图片的方法
2015/02/11 PHP
PHP时间戳和日期相互转换操作实例小结
2018/12/18 PHP
PHP使用openssl扩展实现加解密方法示例
2020/02/20 PHP
JQUERY复选框CHECKBOX全选,取消全选
2008/08/30 Javascript
转换字符串为json对象的方法详解
2013/11/29 Javascript
JavaScript中变量声明有var和没var的区别示例介绍
2014/09/15 Javascript
jQuery中toggleClass()方法用法实例
2015/01/05 Javascript
jQuery.Highcharts.js绘制柱状图饼状图曲线图
2015/03/14 Javascript
跟我学习javascript的严格模式
2015/11/16 Javascript
bootstarp modal框居中显示的实现代码
2017/02/18 Javascript
详解Vue 普通对象数据更新与 file 对象数据更新
2017/04/26 Javascript
Vue keep-alive实践总结(推荐)
2017/08/31 Javascript
VSCode中如何利用d.ts文件进行js智能提示
2018/04/13 Javascript
详解VUE自定义组件中用.sync修饰符与v-model的区别
2018/06/26 Javascript
微信小程序上传文件到阿里OSS教程
2019/05/20 Javascript
js 根据对象数组中的属性进行排序实现代码
2019/09/12 Javascript
在类Unix系统上开始Python3编程入门
2015/08/20 Python
python 获取图片分辨率的方法
2019/01/08 Python
Django 创建新App及其常用命令的实现方法
2019/08/04 Python
pytorch实现用Resnet提取特征并保存为txt文件的方法
2019/08/20 Python
django商品分类及商品数据建模实例详解
2020/01/03 Python
tensorflow 获取所有variable或tensor的name示例
2020/01/04 Python
Python操作Sqlite正确实现方法解析
2020/02/05 Python
Python Tkinter Entry和Text的添加与使用详解
2020/03/04 Python
CSS3截取字符串实例代码【推荐】
2018/06/07 HTML / CSS
澳大利亚家具和家居用品在线商店:Interiors Online
2018/03/05 全球购物
经典安踏广告词
2014/03/21 职场文书
2014年党员承诺书范文
2014/05/20 职场文书
乔丹名人堂演讲稿
2014/05/24 职场文书
捐款活动总结
2014/08/27 职场文书
司考复习计划
2015/01/19 职场文书
入党培养人考察意见
2015/06/08 职场文书
Redis6.0搭建集群Redis-cluster的方法
2021/05/08 Redis
Linux7.6二进制安装Mysql8.0.27详细操作步骤
2021/11/27 MySQL
vscode远程免密登入Linux服务器的配置方法
2022/06/28 Servers
Apache自带的ab压力测试工具的实现
2022/07/23 Servers