document.getElementById() 的简写技巧

最新推荐文章于 2025-06-18 17:18:05 发布

转载最新推荐文章于 2025-06-18 17:18:05 发布 · 641 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/leonn/archive/2009/06/01/1493330.html

文章标签：

#javascript #ViewUI

本文介绍了一种在JavaScript中简化document.getElementById()调用的方法，通过自定义$()函数实现。此外，深入探讨了arguments对象的使用，包括如何处理可变数量的函数参数，以及通过示例展示了其在实际编程中的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在我们写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;
}

arguments 属性

arguments 属性

为当前执行的 function 对象返回一个arguments 对象。

function.arguments

function 参数是当前执行函数的名称，可以省略。

说明

通过 arguments 属性，函数可以处理可变数量的参数。 arguments 对象的 length 属性包含了传递给函数的参数的数目。对于arguments 对象所包含的单个参数，其访问方法与数组中所包含的参数的访问方法相同。

示例

下面的例子说明了 arguments 属性的用法：

function ArgTest(){
   var i, s, numargs = arguments.length;
   s = numargs;  
   if (numargs < 2)
      s += " argument was passed to ArgTest. It was ";
   else
      s += " arguments were passed to ArgTest. They were " ;
   for (i = 0; i < numargs; i++)
      {
         s += arguments[i] + " ";
      }
   return(s);
}