A JavaScript Fancier

伟大的javascript技术研究中...

  IT博客网 :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理 ::
  304 随笔 :: 0 文章 :: 205 评论 :: 0 Trackbacks



在我们写javascript的时候经肯定会经常用到 document.getElementById() 这个方法,这么长一串很容易写错,而且其中getElementById又有大小写之分。
 其实prototype.js里提倡的一个方法就是使用$()简写,通过以下的函数,你可以用$('id')来实现document.getElementById('id') 这个功能,怎么样,很爽吧!

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;
}


  而且这个函数更爽的是,如果你想它提交一个带多个id的数组后,他也会向你返回多个元素的Array!
posted on 2006-07-03 09:57 Yemoo'S JS Blog 阅读(21926) 评论(7)  编辑 收藏 引用 所属分类: javascript代码收藏javascript技巧总结

评论

# re: document.getElementById()方法简写【js技巧】 2008-01-02 18:06 112
13123  回复  更多评论
  

# re: document.getElementById()方法简写【js技巧】 2008-03-14 13:09 StyleDenni
不错的技巧,顶了先,简化了许多  回复  更多评论
  

# re: document.getElementById()方法简写【js技巧】 2008-03-14 13:12 StyleDenni
感谢技术的分享,我是北大青鸟的一名学生,目前ACCP4.0 S1快结束了
正好在学习javascript
楼上的,我把代码复了一份,调试可以获得我想要的值,使得程序书写简便了不少,强力顶一下了。。。。。。。。

mail:denni_hxc@163.com  回复  更多评论
  

# re: document.getElementById()方法简写【js技巧】 2008-05-01 08:43 王成
var f1 = document.getElementById('form1');
这个不更好? SB  回复  更多评论
  

# re: document.getElementById()方法简写【js技巧】 2008-05-03 13:04 狂晕
狂晕!加入页面有几十个地方要用的document.getElementById,那是$('form1')方便还是document.getElementById('form1')方便?@王成
  回复  更多评论
  

# re: document.getElementById()方法简写【js技巧】 2008-06-02 09:49 pk4321
这样长串的输入,可以有很多辅助小软件可以实现。或者干脆用框架,例如jquery  回复  更多评论
  

# re: document.getElementById()方法简写【js技巧】 2008-07-10 16:22 1111111111
111111111  回复  更多评论
  



标题  
姓名  
主页
验证码 *
内容(提交失败后,可以通过“恢复上次提交”恢复刚刚提交的内容)  
  登录  使用高级评论  新用户注册  返回页首  恢复上次提交      
[使用Ctrl+Enter键可以直接提交]
相关链接: