javascript <表单名称 ="item"> 和 getElementsByTagName() 错误

Question

我无法解释为什么会这样:

Uncaught TypeError: form_item.getElementsByTagName is not a function

代码片段:

var form_item = document.forms['item'];
var buttons_item = form_item.getElementsByTagName('button');
for (var i = 0; i < buttons_item.length; i++) {
	if (buttons_item[i].type === 'submit') {
		buttons_item[i].classList.add('someclass');
	}
}

<form name="item" action="">
    <button type="submit">Button</button>
</form>

如果我更改表单的名称，它可以正常工作。

怎么了？为什么？ 谢谢

Answer 1

document.forms.item 是一个返回表单的函数。

你的名字与那个冲突。