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

183 阅读 0 评论 121 点赞

我是靠谱客的博主欢呼寒风，最近开发中收集的这篇文章主要介绍document.getElementById的简写方式(获取id对象的简略写法)，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

比如用_$(id)代替document.getElementById(id).
如果是纯粹的代替可以使用下面的代码

复制代码代码如下:

function $(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.