`

document.getElementById('id') 的简写

阅读更多
在我们写javascript的时候经肯定会经常用到 document.getElementById() 这个方法,
这么长一串很容易写错,而且其中getElementById又有大小写之分。
其实prototype.js里提倡的一个方法就是使用$()简写,通过以下的函数,你可以用$('id')来实现

document.getElementById('id') 这个功能,怎么样,很爽吧!
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;
}
而且这个函数更爽的是,如果你想它提交一个带多个id的数组后,他也会向你返回多个元素的Array! 
分享到:
评论

相关推荐

    document.getElementById的简写方式(获取id对象的简略写法)

    比如用_$(id)代替document.getElementById(id). 如果是纯粹的代替可以使用下面的代码 代码如下: function $(id){document.getElementById(id)} 个人比较推荐用prototype中对document.getElementById的定义: 代码如下...

    javascript typeof id===’string’?document.getElementById(id):id解释 原创

    document.getElementById(id):id;} var GetBy = function (id) { return "string" == typeof id ? document.getElementById(id) : id; }; 功能都是一样的。 这个函数的作用就是之后用到id选择器可以简写,至于...

    各浏览器对document.getElementById等方法的实现差异解析

    开发过程中经常需要用其获取页面id为xx的元素,自从元老级JS库Prototype流行后,都喜欢这么简写它 代码如下:// 方式1 function $(id){ return document.getElementById(id); } 有没有人想过为什么要这么写,而不用...

    document.getElementBy(id)与$(#id)有什么区别

    下面简单介绍下:第一个就是js中获取对象的方法,比较直接,如果一个页面有多个id,每次都要写这么长的document.getElementBy(“id”) 代码如下:document.getElementBy(“id”)document.getElementById的简写方式 ...

    计算机的详细使用请查看增删改查

    var n1=document.getElementById("textfield").value; var n2=document.getElementById("textfield2").value; var result=parseFloat(n1)+parseFloat(n2); document.getElementById("textfield3").value=result;...

    艾恩JavaScript插件

    插件中最常用的一个方法 _.$(id) 作用是返回由id指定的标签对象,document.getElementById(id)的简写形式 还有一个方法是 _.load(function) 类似于window.onload;但请注意写法,插件中function是作为方法的参数...

    $()JS小技巧

     其实prototype.js里提倡的一个方法就是使用$()简写,通过以下的函数,你可以用$(‘id’)来实现document.getElementById(‘id’) 这个功能,怎么样,很爽吧! 代码如下:function $() { var elements = new...

    prototype1.4开发手册

    $() 方法是在 DOM 中使用过于频繁的 document.getElementById() 方法的一个便利的简写,就像这个 DOM 方法一样,这个方法返回参数传入的 id 的那个元素。比起 DOM 中的方法,这个更胜一筹。你可以传入多个 id 作为...

    EXTJS总结.txt

    //获取元素,等同于document.getElementById('myElementId');//会缓存 2. Ext.fly var el = Ext.fly('myElementId')//不需要缓存。 注:享元模式(Flyweight Design Pattern)是一种节省内存的模式,该模式的大概...

    jquery插件使用方法大全

    无论prototype还是DWR都使用了$代替频繁的document.getElementById()操作。jQuery也这样做了,但是,它的功能远非如此,瞧瞧以下的jQuery代码,你就会发现它的美丽: 代码 var someElement = $("#myId"); 看起来比...

Global site tag (gtag.js) - Google Analytics