document.getElementById的简写方式(获取id对象的简略写法)
document.getElementById的简写方式(获取id对象的简略写法)
发布时间:2016-12-30 来源:查字典编辑
摘要:比如用_$(id)代替document.getElementById(id).如果是纯粹的代替可以使用下面的代码复制代码代码如下:funct...

比如用_$(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.

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类