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 相关文章推荐
真正的JQuery.ajax传递中文参数的解决方法
May 28 Javascript
jquery 查找iframe父级页面元素的实现代码
Aug 28 Javascript
javascript中将Object转换为String函数代码 (json str)
Apr 29 Javascript
使用不同的方法结合/合并两个JS数组
Sep 18 Javascript
jQuery 和 CSS 的文本特效插件集锦
Dec 12 Javascript
轻松实现jquery手风琴效果
Jan 14 Javascript
jquery控制页面的展开和隐藏实现方法(推荐)
Oct 15 Javascript
jQuery的Read()方法代替原生JS详解
Nov 08 Javascript
利用ES6实现单例模式及其应用详解
Dec 09 Javascript
微信小程序聊天功能的示例代码
Jan 13 Javascript
微信小程序实现抖音播放效果的实例代码
Apr 11 Javascript
在JavaScript中如何使用宏详解
May 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
Discuz 5.0 中读取纯真IP数据库函数分析
2007/03/16 PHP
PHP eval函数使用介绍
2013/12/08 PHP
php计算两个整数的最大公约数常用算法小结
2015/03/05 PHP
详解PHP匿名函数与注意事项
2016/03/29 PHP
PHP实现的Redis多库选择功能单例类
2017/07/27 PHP
extjs DataReader、JsonReader、XmlReader的构造方法
2009/11/07 Javascript
基于Jquery 解决Ajax请求的页面 浏览器后退前进功能,页面刷新功能实效问题
2010/12/11 Javascript
javascript基础知识大集锦(一) 推荐收藏
2011/01/13 Javascript
简单谈谈javascript中的变量、作用域和内存问题
2015/08/30 Javascript
jQuery实现带有洗牌效果的动画分页实例
2015/08/31 Javascript
jQuery DateTimePicker 日期和时间插件示例
2017/01/22 Javascript
AngularJS路由切换实现方法分析
2017/03/17 Javascript
Angular.JS中的指令引用template与指令当做属性详解
2017/03/30 Javascript
vue 设置路由的登录权限的方法
2018/07/03 Javascript
JS如何获取地址栏的参数实例讲解
2018/10/06 Javascript
如何安装控制器JavaScript生成插件详解
2018/10/21 Javascript
如何使用 vue + d3 画一棵树
2018/12/03 Javascript
vue从一个页面跳转到另一个页面并携带参数的解决方法
2019/08/12 Javascript
pygame 精灵的行走及二段跳的实现方法(必看篇)
2017/07/10 Python
python利用dir函数查看类中所有成员函数示例代码
2017/09/08 Python
python监控linux内存并写入mongodb(推荐)
2017/09/11 Python
Python 3.6 性能测试框架Locust安装及使用方法(详解)
2017/10/11 Python
python自动化报告的输出用例详解
2018/05/30 Python
详解python 注释、变量、类型
2018/08/10 Python
浅谈python 导入模块和解决文件句柄找不到问题
2018/12/15 Python
使用Flask-Cache缓存实现给Flask提速的方法详解
2019/06/11 Python
Python迷宫生成和迷宫破解算法实例
2019/12/24 Python
安装python依赖包psycopg2来调用postgresql的操作
2021/01/01 Python
经典c++面试题六
2012/01/18 面试题
《在家里》教后反思
2014/03/01 职场文书
房地产公司见习自我鉴定
2014/04/28 职场文书
酒店爱岗敬业演讲稿
2014/09/02 职场文书
爱护公物演讲稿
2014/09/09 职场文书
2016大学生国家助学贷款承诺书
2016/03/25 职场文书
MySQL基础(二)
2021/04/05 MySQL
Python中的matplotlib绘制百分比堆叠柱状图,并为每一个类别设置不同的填充图案
2022/04/20 Python