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 相关文章推荐
TreeView 用法(有代码)(asp.net)
Jul 15 Javascript
用JS实现3D球状标签云示例代码
Dec 01 Javascript
ParseInt函数参数设置介绍
Jan 02 Javascript
js身份证判断方法支持15位和18位
Mar 18 Javascript
JQuery控制div外点击隐藏而div内点击不会隐藏的方法
Jan 13 Javascript
jquery背景跟随鼠标滑动导航
Nov 20 Javascript
用jmSlip编写移动端顶部日历选择控件
Oct 24 Javascript
模板视图和AngularJS之间冲突的解决方法
Nov 22 Javascript
详解JS数组Reduce()方法详解及高级技巧
Aug 18 Javascript
浅谈mint-ui loadmore组件注意的问题
Nov 08 Javascript
在Vue项目中取消ESLint代码检测的步骤讲解
Jan 27 Javascript
JS实现随机抽取三人
Nov 06 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 文件上传模型,支持多文件上传
2009/08/13 PHP
用PHP将网址字符串转换成超链接(网址或email)
2010/05/25 PHP
PHP中的生成XML文件的4种方法分享
2012/10/06 PHP
php5.3/5.4/5.5/5.6/7常见新增特性汇总整理
2020/02/27 PHP
鼠标经过的文本框textbox变色
2009/05/21 Javascript
Webkit的跨域安全问题说明
2011/09/13 Javascript
Jquery 动态循环输出表格具体方法
2013/11/23 Javascript
javascript基础语法学习笔记
2016/01/04 Javascript
jQuery Mobile动态刷新页面样式的实现方法
2016/05/28 Javascript
js倒计时小实例(多次定时)
2016/12/08 Javascript
jQuery动画_动力节点节点Java学院整理
2017/07/04 jQuery
jquery版轮播图效果和extend扩展
2017/07/18 jQuery
angular $watch 一个变量的变化(实例讲解)
2017/08/02 Javascript
Vue.js搭建移动端购物车界面
2020/06/28 Javascript
Vuex提升学习篇
2018/01/11 Javascript
使用Angular CLI进行单元测试和E2E测试的方法
2018/03/24 Javascript
node中的cookie的具体使用
2018/09/13 Javascript
Vue axios设置访问基础路径方法
2018/09/19 Javascript
JS事件流与事件处理程序实例分析
2019/08/16 Javascript
vue+Element-ui前端实现分页效果
2020/11/15 Javascript
python实现12306火车票查询器
2017/04/20 Python
python实现类之间的方法互相调用
2018/04/29 Python
pycharm中使用anaconda部署python环境的方法步骤
2018/12/19 Python
详解将Pandas中的DataFrame类型转换成Numpy中array类型的三种方法
2019/07/06 Python
django和flask哪个值得研究学习
2020/07/31 Python
Python 实现国产SM3加密算法的示例代码
2020/09/21 Python
Pycharm配置autopep8实现流程解析
2020/11/28 Python
CheapTickets泰国:廉价航班,查看促销价格并预订机票
2019/12/28 全球购物
伊莱克斯(Electrolux)俄罗斯网上商店:瑞典家用电器品牌
2021/01/23 全球购物
人事助理自荐信
2014/02/02 职场文书
应届毕业生应聘自荐信范文
2014/02/26 职场文书
房屋所有权证明
2015/06/19 职场文书
关于军训的感想
2015/08/07 职场文书
写给医护人员的一封感谢信
2019/09/16 职场文书
Java各种比较对象的方式的对比总结
2021/06/20 Java/Android
JavaScript原型链中函数和对象的理解
2022/06/16 Javascript