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.

时间: 2024-09-20 21:27:03

document.getElementById的简写方式(获取id对象的简略写法)_基础知识的相关文章

document.getElementBy(&amp;quot;id&amp;quot;)与$(&amp;quot;#id&amp;quot;)有什么区别_基础知识

下面简单介绍下: 第一个就是js中获取对象的方法,比较直接,如果一个页面有多个id,每次都要写这么长的document.getElementBy("id") 复制代码 代码如下: document.getElementBy("id") document.getElementById的简写方式 个人比较推荐用prototype 中对document.getElementById的定义: 复制代码 代码如下: function $(){  var elements =

document.getElementById的简写方式

Mr.Think是一个喜欢简洁的人,喜欢如诗一样的代码.不喜欢.NET的代码,就是因为经常看到同事用VS后生成出来的一段段冗长的代码.在我的思维中,JavaScrip是一种很飘逸的语言,所以,写给TA的代码,也一定要做到飘逸,呵.比如用_$(id)代替document.getElementById(id). 个人比较推荐用prototype中对document.getElementById的定义: function $(){   var elements = new Array();   for

JavaScript中document对象使用详解_基础知识

对象属性 复制代码 代码如下: document.title                 //设置文档标题等价于HTML的<title>标签 document.bgColor               //设置页面背景色 document.fgColor               //设置前景色(文本颜色) document.linkColor             //未点击过的链接颜色 document.alinkColor            //激活链接(焦点在此链接上)的

javascript获取元素CSS样式代码示例_基础知识

使用css控制页面有4种方式,分别为行内样式(内联样式).内嵌式.链接式.导入式. 行内样式(内联样式)即写在html标签中的style属性中,如<div style="width:100px;height:100px;"></div> 内嵌样式即写在style标签中,例如<style type="text/css">div{width:100px; height:100px}</style> 链接式即为用link标签

JavaScript中Date对象的常用方法示例_基础知识

getFullYear()使用 getFullYear() 获取年份. 源代码: </script> <!DOCTYPE html> <html> <body> ​ <p id="demo">Click the button to display the full year of todays date.</p> ​ <button onclick="myFunction()">Tr

JavaScript获取各大浏览器信息图示_基础知识

如何获取浏览器信息 Window有navigator对象让我们得知浏览器的全部信息.我们可以利用一系列的API函数得知浏览器的信息. JavaScript代码如下: 复制代码 代码如下: function message(){ txt = "<p>浏览器代码名: " + navigator.appCodeName + "</p>"; txt+= "<p>浏览器名称: " + navigator.appName

js中对象的声明方式以及数组的一些用法示例_基础知识

复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> New Document </title> <meta name="Generator" content=&qu

ie和firefox中img对象区别的困惑_基础知识

在调试js时遇到一些恶心的问题,于是做了一个测试程序,放到网上让大家帮我测试.帖子见http://vchelp.net/cndevforum/subject_view.asp?page=-1&subject_id=165791 下面我给出关于测试的解释: 起因源于我想做这么一个网页:用户上传一个图片后,如果图片大于500象素,则在客户端把图片缩小成500象素大小.但是不想让用户看到这个大小调整过程.于是想首先隐藏这个图片,在整个网页下载完成后,调整大小,然后再显示调整好的图像. 于是我首先设置i

JavaScript编程中布尔对象的基本使用_基础知识

Boolean(布尔)对象用于将非布尔值转换为布尔值(true 或者 false). 检查布尔值检查布尔对象是 true 还是 false. 源代码示例: <!DOCTYPE html> <html> <body> ​ <script> var b1=new Boolean(0); var b2=new Boolean(1); var b3=new Boolean(""); var b4=new Boolean(null); var b5