getElementByName＆Regex

Question

如何使用getElementByName中的正则表达式遍历所有元素？

Answer 1

如果你的意思是像：

var elementArray = document.getElementsByName("/regexhere/"); 

则没有那是不可能的。

要做你想做的事情，你必须得到所有的元素，然后检查每一个元素并检查它的名字。

继承人的功能，将经过的所有元素，并用特定名称的所有元素添加到数组：

function findElements(name) 
    { 
     var elArray = []; 
     var tmp = document.getElementsByTagName("*"); 

     var regex = new RegExp("(^|\\s)" + name + "(\\s|$)"); 
     for (var i = 0; i < tmp.length; i++) { 

      if (regex.test(tmp[i].name)) { 
       elArray.push(tmp[i]); 
      } 
     } 

     return elArray; 

    } 

而作为使用：

var elName = "customcontrol"; 

var elArray = customcontrol(elName); 

或者，它可能是更容易通过类名

function findElements(className) 
    { 
     var elArray = []; 
     var tmp = document.getElementsByTagName("*"); 

     var regex = new RegExp("(^|\\s)" + className+ "(\\s|$)"); 
     for (var i = 0; i < tmp.length; i++) { 

      if (regex.test(tmp[i].className)) { 
       elArray.push(tmp[i]); 
      } 
     } 

     return elArray; 

    } 

而且使用为：

var elClassName = "classname"; 

var elArray; 

if (!document.getElementsByClassName) 
{ 
    elArray= findElements(elClassName); 
} 
else 
{ 
    elArray = document.getElementsByClassName(elClassName); 
} 

这会做你想做的，而不需要getElementByName。

虽然我觉得你的意思是getElementsByName

如果你想寻找一个元素，只有名为“customcontrol”你会用：

var regex = new RegExp("(^|\\s)" + name + "(\\s|$)"); 

如果你想寻找与一个元素与名始于 “customcontrol” 你会用：

var regex = new RegExp("(^|\\s)" + name); 

编辑：

如果你使用jQuery，这会更容易些，那么这将做到：

var elArray = $("*[name^='customcontrol']"); 

//Use JavaScript to loop through 
for (var a = 0; a< elArray.length;a++) 
{ 
    //Loop through each element 
    alert(elArray[a]); 
} 
//Or 
$("*[name^='customcontrol']").css("color","red"); //Or whatever you want to do to the elements 

Answer 2

使用jQuery的一个custom selector。你可能想要一个example with parameters。