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

 更新时间:2010年06月19日 00:21:14   作者:  
JavaScript可以定义$符号函数,简写或书写兼容性更好的代码。
复制代码 代码如下:

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文件定义后便可处处使用了。

相关文章

  • js中的caller和callee属性介绍和例子

    js中的caller和callee属性介绍和例子

    这篇文章主要介绍了js中的caller和callee属性介绍和例子,需要的朋友可以参考下
    2014-06-06
  • javascript知识点详解

    javascript知识点详解

    下面小编就为大家带来一篇JavaScript基础知识点归纳(推荐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2021-09-09
  • JavaScript中的eval()函数详解

    JavaScript中的eval()函数详解

    和其他很多解释性语言一样,JavaScript同样可以解释运行由JavaScript源代码组成的字符串,并产生一个值。JavaScript通过全局函数eval()来完成这个工作
    2013-08-08
  • jquery应该如何来设置改变按钮input的onclick事件

    jquery应该如何来设置改变按钮input的onclick事件

    要动态改变这个上一页按钮中onclick的函数.我自己是尝试了很多种方法,都没有做出来,下面列举的几个都是失败的例子,需要的朋友可以参考下
    2012-12-12
  • JavaScript中的函数嵌套使用

    JavaScript中的函数嵌套使用

    这篇文章主要介绍了JavaScript中的函数嵌套使用,是JavaScript入门学习中的基础知识,需要的朋友可以参考下
    2015-06-06
  • addEventListener和attachEvent二者绑定的执行函数中的this不相同

    addEventListener和attachEvent二者绑定的执行函数中的this不相同

    写 addEventListener 和 attachEvent 区别的博文不少,不过大部分都把重点放置于前者是Firefox chrome,后者只是存在于IE系列中
    2012-12-12
  • 学JavaScript七大注意事项【必看】

    学JavaScript七大注意事项【必看】

    下面小编就为大家带来一篇学JavaScript七大注意事项【必看】。小编觉得挺不错的,现在分享给大家,也给大家做个参考
    2016-05-05
  • javascript基本语法分析说明

    javascript基本语法分析说明

    把本小鸟着几天学习jacascript的一些心得发给大家看看 不一定很全面但应该适合一些想学习基础的人看 在以后我回相继发出php语言的基础
    2008-06-06
  • javascript基本语法

    javascript基本语法

    本文通过运算符、表达式、语句、函数、对象、事件、变量讲解javascript的基本语法,需要的朋友可以参考下。
    2016-05-05
  • JavaScript中的异步与同步详解

    JavaScript中的异步与同步详解

    这篇文章主要介绍了JavaScript中的异步与同步详解,如果一个线程在一个节点中添加内容,另一个线程要删除这个节点,所以为了不必要的麻烦,js就是一门单线程语言,需要的朋友可以参考下
    2023-07-07

最新评论