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 相关文章推荐
fireworks菜单生成器mm_menu.js在 IE 7.0 显示问题的解决方法
Oct 20 Javascript
jQuery第三课 修改元素属性及内容的代码
Mar 14 Javascript
javascript 循环读取JSON数据的代码
Jul 17 Javascript
基于jquery的拖动布局插件
Nov 25 Javascript
向当前style sheet中插入一个新的style实现方法
Apr 01 Javascript
12306验证码破解思路分享
Mar 25 Javascript
关于网页中的无缝滚动的js代码
Jun 09 Javascript
Bootstrap基本样式学习笔记之表格(2)
Dec 07 Javascript
HTML5+Canvas调用手机拍照功能实现图片上传(上)
Apr 21 Javascript
详解10分钟学会vue滚动行为
Sep 21 Javascript
vue elementUI 表单校验的实现代码(多层嵌套)
Nov 06 Javascript
解决vue项目中遇到 Cannot find module ‘chalk‘ 报错的问题
Nov 05 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+DBM的同学录程序(3)
2006/10/09 PHP
php操作JSON格式数据的实现代码
2011/12/24 PHP
关于mysql字符集设置了character_set_client=binary 在gbk情况下会出现表描述是乱码的情况
2013/01/06 PHP
CentOS下PHP7的编译安装及MySQL的支持和一些常见问题的解决办法
2015/12/17 PHP
php 实现一个字符串加密解密的函数实例代码
2016/11/01 PHP
PHP简单留言本功能实现代码
2017/06/09 PHP
JS 有名函数表达式全面解析
2010/03/19 Javascript
对setInterval在火狐和chrome切换标签产生奇怪的效果之探索,与解决方案!
2011/10/29 Javascript
JavaScript高级程序设计 阅读笔记(十七) js事件
2012/08/14 Javascript
jQuery实用基础超详细介绍
2013/04/11 Javascript
使用jQuery实现星级评分代码分享
2014/12/09 Javascript
由ReactJS的Hello world说开来
2015/07/02 Javascript
JavaScript数据结构与算法之栈与队列
2016/01/29 Javascript
javascript类型系统——日期Date对象全面了解
2016/07/13 Javascript
JavaScript生成验证码并实现验证功能
2016/09/24 Javascript
vue mounted组件的使用
2018/06/18 Javascript
从零到一详聊创建Vue工程及遇到的常见问题
2019/04/25 Javascript
原生JS 实现的input输入时表格过滤操作示例
2019/08/03 Javascript
layui按条件隐藏表格列的实例
2019/09/19 Javascript
Vue 刷新当前路由的实现代码
2019/09/26 Javascript
jQuery实现轮播图效果
2019/11/26 jQuery
vue中使用极验验证码的方法(附demo)
2019/12/04 Javascript
Vue 路由间跳转和新开窗口的方式(query、params)
2019/12/25 Javascript
Vue的props父传子的示例代码
2020/05/20 Javascript
如何为Python终端提供持久性历史记录
2019/09/03 Python
Django视图、传参和forms验证操作
2020/07/15 Python
NHL官方在线商店:Shop.NHL.com
2020/05/01 全球购物
Java中的基本数据类型所占存储空间大小固定的吗
2012/02/15 面试题
函授大学生自我鉴定
2014/02/05 职场文书
党校培训自我鉴定范文
2014/04/10 职场文书
留学推荐信范文
2014/05/10 职场文书
奥巴马获胜演讲稿
2014/05/15 职场文书
省级优秀班集体申报材料
2014/05/25 职场文书
搞笑婚前保证书
2015/02/28 职场文书
go语言使用Casbin实现角色的权限控制
2021/06/26 Golang
RestTemplate如何通过HTTP Basic Auth认证示例说明
2022/03/17 Java/Android