Javascript IndexOf 不适用于表单数组

Question

为什么控制台会出现以下情况？或者我滥用了indexOf？

document.forms:

[
<form id=​"form-0" name=​"form-0">​…​</form>​
, 
<form id=​"form-1" name=​"form-1">​…​</form>​
, 
<form id=​"form-2" name=​"form-2">​…​</form>​
]

document.forms.indexOf["form-0"]:

TypeError: Cannot read property 'form-0' of undefined

Answer 1

Document.forms 是一个集合。如果您想要表格的编号（如您的评论中所示），那么问题仍然存在：您在哪一刻想要该编号？无论如何，您可以创建一个表单数组：

var allforms = document.getElementsByTagName('form'), 
    formsArray = [];
for (var i=0;i<allforms.length;i++){
   if (allforms[i].id.match(/\d+$/)){
       var indexval = parseInt(allforms[i].id.replace(/(.+)(\d+)$/,'$2'),10);
       formsArray[indexval] = allforms[i];
   }
}

现在您有一个包含对所有表单的引用的数组，并且对于每个表单，都有一个索引值，该索引值反映您通过其 id 为其提供的表单编号。因此： formsArray[0] 包含对 forms['form-0'] 的引用，formsArray[1] 对 forms[ 'form-1'] 等

Answer 2

您使用了错误的语法...indexOf 是一种方法，因此它应该使用括号，而不是方括号。

someString.indexOf("form-0")

对于对象，您可以简单地使用括号请求该对象：

document.forms["form-0"]

Answer 3

document.forms 是一个 HTMLCollection。它不是一个数组。因此，它没有 indexOf 方法。

您可以使用 Array.prototype.slice.call 对其进行转换：

var formsArr = Array.prototype.slice.call(document.forms);

但是请注意，并不普遍支持 indexOf。然而，我不完全确定你想要做什么，所以无论如何，这很可能不是必要的方法。

Answer 4

如果您尝试通过 ID 获取元素，只需直接使用 ID 即可。

document.forms['form-0'];

如果你想要它的索引，看起来你已经在 ID 中拥有它了。只需删除 "form-" 部分即可。

var index = 'form-0'.replace('form-','');

或者，如果您有该元素，请通过其 ID 属性执行相同操作：

var myform = document.forms['form-0'];
var index = myform.id.replace('form-','')

Answer 5

如果您想使用 javascript 访问表单的元素，那么您必须使用：document.myform.elements[i]，其中 i 是元素的位置。您可以参考这个Javascript表单对象 - 属性和方法教程。 indexof 是 javascript 字符串对象的方法。