如何使用
getElementByName()
中的正则表达式循环遍历所有元素?
如果你的意思是:
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