prototype.js 扩展 document.getElementsByName()

阅读更多

    最近做模具标套管理时，需要手动配置列的属性数目，导致在jsp页面上需要通过标签的name属性来获得一个数组标签对象，从而做些业务上的判断，公司经常用的prototype.js，随想在js上添加一个document.getElementsByName()的简写方式，类似$()。



Js代码

//此代码放入prototype.js中   
function $S() {    
  var results = [], element;     
  for (var i = 0; i < arguments.length; i++) { // 可以传入多个参数   
    element = arguments[i];      
    if (typeof element == 'string') // 如果参数的类型是字符串         
      element = document.getElementsByName(element);    
      results.push(Element.extend(element)); // 将得到的对象加入results数组   
  }   
  // 如果只返回一个对象，直接返回该对象，如果返回了多个对象，则返回包含所有这些对象的数组   
  return results.length < 2 ? results[0] : results;   
}  
//此代码放入prototype.js中
function $S() {	
  var results = [], element;  
  for (var i = 0; i < arguments.length; i++) { // 可以传入多个参数
    element = arguments[i];   
    if (typeof element == 'string')	// 如果参数的类型是字符串		
      element = document.getElementsByName(element); 
      results.push(Element.extend(element)); // 将得到的对象加入results数组
  }
  // 如果只返回一个对象，直接返回该对象，如果返回了多个对象，则返回包含所有这些对象的数组
  return results.length < 2 ? results[0] : results;
}

测试如下：



Js代码