$()JS小技巧

2016-02-19 09:15 2 1 收藏

有一种朋友不在生活里,却在生命力;有一种陪伴不在身边,却在心间。图老师即在大家的生活中又在身边。这么贴心的服务你感受到了吗?话不多说下面就和大家分享$()JS小技巧吧。

【 tulaoshi.com - Web开发 】

在我们写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!

来源:https://www.tulaoshi.com/n/20160219/1590096.html

延伸阅读
标签: Web开发
9.3  在线小测试程序 在本章中,我们将对在线小测试程序作两处修改。一是允许用户首先选择回答完问题所需要的时间,二是允许用户选择要回答多少个问题。 要把在线小测试程序转换为一个基于计时器的程序,只需修改两个页面,即QuizPage.htm页面和GlobalFunctions.htm页面。 首先,需要修改的是QuizPage.htm页面中小测试程序的开始表单...
标签: Web开发
我们在 HTML 文件档完成了以后,常会加上一行文件最后修改的日期。现在你可不用担心每次都要去改或是忘了改了,你可以很简单的写一个如下的描述语法程式。就可以自动的为你每次产生最后修改的日期了。 <html <body This is a simple HTML- page. <br Last changes: <script language="LiveScript" <!--...
标签: Web开发
1.文本框焦点问题 onBlur:当失去输入焦点后产生该事件 onFocus:当输入获得焦点后,产生该文件 Onchange:当文字值改变时,产生该事件 Onselect:当文字加亮后,产生该文件 input type="text" value="郭强" onfocus="if(value=='郭强') {value=''}" onblur="if  (value=='') {value='郭强'}"点击时文字...
  有没有这种经历,当你打开一个链接的时候,浏览器窗口由小变大,呈现一个渐变的过程。下面,我们就来介绍这种动态效果的由来,大家可要看仔细了。 这种程式的思路就是先根据浏览器的可利用的宽度和高度,算出一个中心坐标点,然后每次都把窗口定位到这个点上,再算出相应窗口的变大尺寸,循环50次,从而最终回到浏览器最大化时...
标签: Web开发
相关文章:网页教学网整理的Javascript的技巧代码 //过滤数字 input type=text onkeypress="return event.keyCode=48&&event.keyCode=57||(this.value.indexOf('.')0?event.keyCode==46:false)" onpaste="return !clipboardData.getData('text').match(/\D/)" ondragenter="return false" //特...

经验教程

222

收藏

52
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部