JavaScript中也使用$美元符号来代替document.getElementById


Posted in Javascript onJune 19, 2010
function $(id){return document.getElementById(id);

上面的对于新版本的浏览器都是没有问题的,如果使用古老的浏览器,可以使用下面的函数
function $(objectId) { 
if(document.getElementById && document.getElementById(objectId)) { 
// W3C DOM 
return document.getElementById(objectId); 
} 
else if (document.all && document.all(objectId)) { 
// MSIE 4 DOM 
return document.all(objectId); 
} 
else if (document.layers && document.layers[objectId]) { 
// NN 4 DOM.. note: this won't find nested layers 
return document.layers[objectId]; 
} 
else { 
return false; 
} 
}

来实现$代替document.getElementById的效果,虽然简单,但对于没有引用了prototype和jquery等框架的,避免了每次写document.getElementById,只需在一个公共JavaScript文件定义后便可处处使用了。
Javascript 相关文章推荐
Javascript条件判断使用小技巧总结
Sep 08 Javascript
Javascript 模式实例 观察者模式
Oct 24 Javascript
js将字符串转成正则表达式的实现方法
Nov 13 Javascript
jQuery中Dom的基本操作小结
Jan 23 Javascript
JS自调用匿名函数具体实现
Feb 11 Javascript
JavaScript中获取样式的原生方法小结
Oct 08 Javascript
javascript继承机制实例详解
Nov 20 Javascript
使用jquery制作弹出框效果
Apr 03 Javascript
微信小程序自定义prompt组件步骤详解
Jun 12 Javascript
微信小程序scroll-view横向滑动嵌套for循环的示例代码
Sep 20 Javascript
Vue解析剪切板图片并实现发送功能
Feb 04 Javascript
使用Mock.js生成前端测试数据
Dec 13 Javascript
javascript,jquery闭包概念分析
Jun 19 #Javascript
基于jquery的滚动新闻列表
Jun 19 #Javascript
基于Jquery的温度计动画效果
Jun 18 #Javascript
JQuery Dialog的内存泄露问题解决方法
Jun 18 #Javascript
通过jQuery打造支持汉字,拼音,英文快速定位查询的超级select插件
Jun 18 #Javascript
jquery ready()的几种实现方法小结
Jun 18 #Javascript
JQuery在光标位置插入内容的实现代码
Jun 18 #Javascript
You might like
Protoss兵种对照表
2020/03/14 星际争霸
收音机另类DIY - 纸巾盒做外壳
2021/03/02 无线电
用php+javascript实现二级级联菜单的制作
2008/05/06 PHP
php Try Catch异常测试
2009/03/01 PHP
检查用户名是否已在mysql中存在的php写法
2014/01/20 PHP
destoon数据库表说明汇总
2014/07/15 PHP
php mysqli查询语句返回值类型实例分析
2016/06/29 PHP
laravel 框架配置404等异常页面
2019/01/07 PHP
document对象execCommand的command参数介绍
2006/08/01 Javascript
JS类的封装及实现代码
2009/12/02 Javascript
Jquery CheckBox全选方法代码附js checkbox全选反选代码
2010/06/09 Javascript
ie8 不支持new Date(2012-11-10)问题的解决方法
2013/07/31 Javascript
jquery 实现密码框的显示与隐藏示例代码
2013/09/18 Javascript
javascript教程之不完整的继承(js原型链)
2014/01/13 Javascript
jquery实现pager控件示例
2014/04/09 Javascript
javascript trim函数在IE下不能用的解决方法
2014/09/12 Javascript
javascript实现表格增删改操作实例详解
2015/05/15 Javascript
利用CSS3在Angular中实现动画
2016/01/15 Javascript
node.js报错:Cannot find module 'ejs'的解决办法
2016/12/14 Javascript
JS基于正则截取替换特定字符之间字符串操作示例
2017/02/03 Javascript
JS获取一个表单字段中多条数据并转化为json格式
2017/10/17 Javascript
关于在vue 中使用百度ueEditor编辑器的方法实例代码
2018/09/14 Javascript
图解NodeJS实现登录注册功能
2019/09/16 NodeJs
使用 Vue-TCB 快速在 Vue 应用中接入云开发的方法
2020/02/10 Javascript
Vue实现简易计算器
2020/02/25 Javascript
python判断计算机是否有网络连接的实例
2018/12/15 Python
实现Python与STM32通信方式
2019/12/18 Python
tensorflow 报错unitialized value的解决方法
2020/02/06 Python
在python中利用dict转json按输入顺序输出内容方式
2020/02/27 Python
python代码中怎么换行
2020/06/17 Python
Python通过Schema实现数据验证方式
2020/11/12 Python
大学生应聘自荐信
2013/10/11 职场文书
毕业生代领毕业材料的授权委托书
2014/09/29 职场文书
供应商食品安全承诺书
2015/04/29 职场文书
2019年大学毕业生个人自我鉴定范文大全
2019/03/21 职场文书
css 边框添加四个角的实现代码
2021/10/16 HTML / CSS