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代码
Nov 23 Javascript
修改file按钮的默认样式实现代码
Apr 23 Javascript
Javascript前端UI框架Kit使用指南之kitjs的对话框组件
Nov 28 Javascript
在Node.js应用中读写Redis数据库的简单方法
Jun 30 Javascript
javascript自动切换焦点控制效果完整实例
Feb 02 Javascript
javascript 动态样式添加的简单实现
Oct 11 Javascript
JavaScript浮点数及运算精度调整详解
Oct 21 Javascript
javascript 日期相减-在线教程(附代码)
Aug 17 Javascript
jQuery AJAX与jQuery事件的分析讲解
Feb 18 jQuery
JavaScript键盘事件响应顺序详解
Sep 30 Javascript
vue页面加载时的进度条功能(实例代码)
Jan 13 Javascript
浅谈vue权限管理实现及流程
Apr 23 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后门代码解析
2014/07/05 PHP
ThinkPHP应用模式扩展详解
2014/07/16 PHP
jquery异步循环获取功能实现代码
2010/09/19 Javascript
jQuery动画animate方法使用介绍
2013/05/06 Javascript
探讨JavaScript中声明全局变量三种方式的异同
2013/12/03 Javascript
JS常用表单验证方法总结
2014/05/22 Javascript
javascript内置对象操作详解
2015/02/04 Javascript
利用JS生成博文目录及CSS定制博客
2016/02/10 Javascript
用JS实现轮播图效果(二)
2016/06/26 Javascript
AngularJS基础 ng-mousemove 指令简单示例
2016/08/02 Javascript
JS动态计算移动端rem的解决方案
2016/10/14 Javascript
bootstrap 设置checkbox部分选中效果
2017/04/20 Javascript
Angular.Js中过滤器filter与自定义过滤器filter实例详解
2017/05/08 Javascript
jquery写出PC端轮播图实例
2018/01/26 jQuery
react native基于FlatList下拉刷新上拉加载实现代码示例
2018/09/30 Javascript
Vue发布项目实例讲解
2019/07/17 Javascript
微信小程序实现点击按钮后修改颜色
2019/12/05 Javascript
js 计数排序的实现示例(升级版)
2020/01/12 Javascript
JS严格模式原理与用法实例分析
2020/04/27 Javascript
vue基于better-scroll实现左右联动滑动页面
2020/06/30 Javascript
Nodejs 微信小程序消息推送的实现
2021/01/20 NodeJs
python基础教程之基本数据类型和变量声明介绍
2014/08/29 Python
在Linux中通过Python脚本访问mdb数据库的方法
2015/05/06 Python
python dict.get()和dict['key']的区别详解
2016/06/30 Python
浅谈Python对内存的使用(深浅拷贝)
2018/01/17 Python
Python 中字符串拼接的多种方法
2018/07/30 Python
Python实现的字典排序操作示例【按键名key与键值value排序】
2018/12/21 Python
Golang GBK转UTF-8的例子
2019/08/26 Python
利用Python自动化操作AutoCAD的实现
2020/04/01 Python
俄罗斯有趣和原创礼物网上商店:MagicMag
2019/08/01 全球购物
医院后勤自我鉴定
2013/10/13 职场文书
大学专科生推荐信范文
2013/11/23 职场文书
俄罗斯商务邀请函
2014/01/26 职场文书
2014院党委领导班子及其成员群众路线对照检查材料思想汇报
2014/10/04 职场文书
后备干部推荐材料
2014/12/24 职场文书
创业者如何撰写出一份打动投资人的商业计划书?
2019/07/02 职场文书