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 相关文章推荐
用js生产批量批处理执行命令
Jul 28 Javascript
javascrip客户端验证文件大小及文件类型并重置上传
Jan 12 Javascript
表头固定(利用jquery实现原理介绍)
Nov 08 Javascript
jquery判断元素的子元素是否存在的示例代码
Feb 04 Javascript
JavaScript获取当前网页标题(title)的方法
Apr 03 Javascript
js实现Select列表各项上移和下移的方法
Aug 14 Javascript
jquery html动态添加的元素绑定事件详解
May 24 Javascript
JavaScript实现简单的四则运算计算器完整实例
Apr 28 Javascript
vuejs手把手教你写一个完整的购物车实例代码
Jul 06 Javascript
jQuery图片缩放插件smartZoom使用实例详解
Aug 25 jQuery
微信小程序使用二次贝塞尔曲线画波浪
Dec 25 Javascript
p5.js绘制创意自画像
Nov 04 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 多关键字 高亮显示实现代码
2012/04/23 PHP
比较strtr, str_replace和preg_replace三个函数的效率
2013/06/26 PHP
使用 PHPStorm 开发 Laravel
2015/03/24 PHP
PHP getallheaders无法获取自定义头(headers)的问题
2016/03/23 PHP
phpstorm 正则匹配删除空行、注释行(替换注释行为空行)
2018/01/21 PHP
PHP count_chars()函数讲解
2019/02/14 PHP
PHP消息队列实现及应用详解【队列处理订单系统和配送系统】
2019/05/20 PHP
推荐JavaScript实现继承的最佳方式
2014/11/11 Javascript
javascript中eval函数用法分析
2015/04/25 Javascript
jQuery插件Slider Revolution实现响应动画滑动图片切换效果
2015/06/05 Javascript
javascript图片滑动效果实现
2021/01/28 Javascript
js中实现字符串和数组的相互转化详解
2016/01/24 Javascript
原生JavaScript实现动态省市县三级联动下拉框菜单实例代码
2016/02/03 Javascript
jquery trigger实现联动的方法
2016/02/29 Javascript
jQuery为DOM动态追加事件的方法
2017/02/16 Javascript
vue-cli中的babel配置文件.babelrc实例详解
2018/02/22 Javascript
vue form 表单提交后刷新页面的方法
2018/09/04 Javascript
vue2.0 路由模式mode=&quot;history&quot;的作用
2018/10/18 Javascript
Quasar Input:type=&quot;number&quot; 去掉上下小箭头 实现加减按钮样式功能
2020/04/09 Javascript
python实现数通设备端口监控示例
2014/04/02 Python
python进阶教程之词典、字典、dict
2014/08/29 Python
浅谈python socket函数中,send与sendall的区别与使用方法
2017/05/09 Python
使用C++扩展Python的功能详解
2018/01/12 Python
Python实现查找字符串数组最长公共前缀示例
2019/03/27 Python
python和js交互调用的方法
2020/06/23 Python
python图片合成的示例
2020/11/09 Python
Python实现Excel自动分组合并单元格
2021/02/22 Python
HTML5 Video标签的属性、方法和事件汇总介绍
2015/04/24 HTML / CSS
汇智创新科技发展有限公司
2015/12/06 面试题
质检部部长职责
2013/12/16 职场文书
中药专业毕业自荐书范文
2014/02/08 职场文书
金融事务专业毕业生求职信
2014/02/23 职场文书
个人作风建设剖析材料
2014/10/11 职场文书
招商银行收入证明
2015/06/17 职场文书
2019最新公司租房合同(例文)
2019/07/18 职场文书
Java spring定时任务详解
2021/10/05 Java/Android