分享下document.getElementById的简写方式

发布时间:2020-05-12编辑:脚本学堂
本文介绍下,document.getElementById的简写方式的实现方法,感兴趣的朋友参考下。

本节内容:
document.getElementById的简写方式

可以用_$(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。