js里面简化document.getElementById的方法和代码


document.getElementById的简写方式(获取id对象的简略写法)
在js编写中，经常需要获取id对象，如果直接用getElementById来获取，代码多而且老的浏览器不支持这属性，所有大家可以考虑用下面的代码。
标签:getElementById
-
比如用_$(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.