document.getElementById的简写方式

Mr.Think是一个喜欢简洁的人,喜欢如诗一样的代码.不喜欢.NET的代码,就是因为经常看到同事用VS后生成出来的一段段冗长的代码.在我的思维中,JavaScrip是一种很飘逸的语言,所以,写给TA的代码,也一定要做到飘逸,呵.比如用_$(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 00:27:14

document.getElementById的简写方式的相关文章

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;

各浏览器对document.getElementById等方法的实现差异解析_javascript技巧

所有Web前端同仁对 document.getElementById 都非常熟悉了.开发过程中经常需要用其获取页面id为xx的元素,自从元老级JS库Prototype流行后,都喜欢这么简写它 复制代码 代码如下: // 方式1 function $(id){ return document.getElementById(id); } 有没有人想过为什么要这么写,而不用下面的方式写呢? 复制代码 代码如下: // 方式2 var $ = document.getElementById; 这么写的$

document.getElementById介绍_javascript技巧

把你的大脑当做浏览器执行下面的代码两次,分别是IE6和IE9: 复制代码 代码如下: function testFunc(){ alert('test') } $(function(){ var g = document.getElementById , w = window.testFunc ; //g alert(typeof(g)); alert(String(g)); alert(g instanceof Object); alert(g instanceof Function); //

document.getElementById()与 $()区别

document.getElementById()返回的是DOM对象,而$()返回的是jQuery对象 什么是jQuery对象? ---就是通过jQuery包装DOM对象后产生的对象.jQuery对象是jQuery独有的,其可以使用jQuery里的方法.  比如:  $("#test").html() 意思是指:获取ID为test的元素内的html代码.其中html()是jQuery里的方法  这段代码等同于用DOM实现代码:  document.getElementById(&quo

javascript typeof id===&#039;string&#039;?document.getElementById(id):id解释[原创]_基础知识

一般来说想要理解这段代码,需要掌握如下两个函数 一个是 typeof 一个就是三元运算符 看完了上面的文章再看下面的就比较好理解了 一般来说常用的函数代码 function $(id){ return typeof id==='string'?document.getElementById(id):id;} var GetBy = function (id) { return "string" == typeof id ? document.getElementById(id) : i

JAVASCRIPT中document.getElementById使用方法

改变 HTML 属性 如需改变 HTML 元素的属性,请使用这个语法: document.getElementById(id).attribute=new value 本例改变了  元素的 src 属性: <img id="image" src="smiley.gif" alt="" />     <script type="text/javascript"> document.getElementBy

document.getElementById获取不到值的原因

 HTML DOM 定义了多种查找元素的方法,除了 getElementById() 之外,还有 getElementsByName() 和 getElementsByTagName(). 不过,如果您需要查找文档中的一个特定的元素,最有效的方法是 getElementById(). 在操作文档的一个特定的元素时,最好给该元素一个 id 属性,为它指定一个(在文档中)唯一的名称,然后就可以用该 ID 查找想要的元素. 需求,就可以想到利用GET传值的方式,但常规GET方式需要把链接写入标签的a

JS中的eval和document.getElementById

js eval和document.getElementById都能把字符串转化为对应的对象或是数值,但两者之间还是有区别的,请看以下几个例子:假如页面上存在ID为aaa的标记,以下a和b得到的是一样的结果var a=eval('aaa'); var b=document.getElementById('aaa'); var a=eval('aaa');var b=document.getElementById('aaa');如果页面上不存在aaa标记,则eval将发生错误,document.ge

document.getElementById的一些细节

① document.getElementById 有时会抓name放过了id ,据说是IE的一个BUG:http://community.csdn.net/Expert/topic/4223/4223888.xml?temp=.1947443 页面中有<input type="hidden" id="hello8" name="category_id" value="2" /><select id=&quo