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 相关文章推荐
xml分页+ajax请求数据源+dom取结果实例代码
Oct 31 Javascript
Jquery 实现Tab效果 思路是js思路
Mar 02 Javascript
jquery checkbox全选、取消全选实现代码
Mar 05 Javascript
node.js中的fs.readFileSync方法使用说明
Dec 15 Javascript
基于jquery步骤进度条源码分享
Nov 12 Javascript
jQuery中判断对象是否存在的方法汇总
Feb 24 Javascript
AngularJS constant和value区别详解
Feb 28 Javascript
Angular 4依赖注入学习教程之InjectToken的使用(八)
Jun 04 Javascript
微信小程序后台解密用户数据实例详解
Jun 28 Javascript
vscode中vue-cli项目es-lint的配置方法
Jul 30 Javascript
微信小程序 轮播图实现原理及优化详解
Sep 29 Javascript
JavaScript设计模式--简单工厂模式定义与应用案例详解
May 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 header()函数语法及使用代码
2013/11/04 PHP
PHP mail()函数使用及配置方法
2014/01/14 PHP
Javascript 类与静态类的实现
2010/04/01 Javascript
解析JavaScript中的不可见数据类型
2013/12/02 Javascript
seajs中模块的解析规则详解和模块使用总结
2014/03/12 Javascript
jQuery 1.9.1源码分析系列(十)事件系统之主动触发事件和模拟冒泡处理
2015/11/24 Javascript
Angularjs使用directive自定义指令实现attribute继承的方法详解
2016/08/05 Javascript
详解微信小程序开发之下拉刷新 上拉加载
2016/11/24 Javascript
React中使用collections时key的重要性详解
2017/08/07 Javascript
ionic2懒加载配置详解
2017/09/01 Javascript
详解AngularJS 过滤器的使用
2018/06/02 Javascript
JavaScript中的事件与异常捕获详析
2019/02/24 Javascript
详解微信小程序用定时器实现倒计时效果
2019/04/30 Javascript
javascript面向对象程序设计实践常用知识点总结
2019/07/29 Javascript
基于javascript canvas实现五子棋游戏
2020/07/08 Javascript
three.js 利用uv和ThreeBSP制作一个快递柜功能
2020/08/18 Javascript
记一次vue跨域的解决
2020/10/21 Javascript
python+requests+unittest API接口测试实例(详解)
2017/06/10 Python
Python模拟脉冲星伪信号频率实例代码
2018/01/03 Python
对Python 简单串口收发GUI界面的实例详解
2019/06/12 Python
Flask框架学习笔记之表单基础介绍与表单提交方式
2019/08/12 Python
python基础 range的用法解析
2019/08/23 Python
使用TensorFlow对图像进行随机旋转的实现示例
2020/01/20 Python
python集合删除多种方法详解
2020/02/10 Python
python线程池如何使用
2020/05/28 Python
python 抓取知乎指定回答下视频的方法
2020/07/09 Python
五分钟学会怎么用Pygame做一个简单的贪吃蛇
2021/01/06 Python
使用html5制作loading图的示例
2014/04/14 HTML / CSS
俄罗斯花园种植材料批发和零售网上商店:Беккер
2019/07/22 全球购物
什么是lambda函数
2013/09/17 面试题
“学雷锋活动月”总结
2014/03/09 职场文书
环保公益策划方案
2014/08/15 职场文书
党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
销售辞职信范文
2015/03/02 职场文书
CSS实现漂亮的时钟动画效果的实例代码
2021/03/30 HTML / CSS
Python 中 Shutil 模块详情
2021/11/11 Python