从DOM访问表单元素在Firefox

Question

问题请看下面的例子：

<form action="process.php" id="myForm"> 
..... 
....... all my form elements 
</form> 

我第一次访问我的表单元素是这样的：

function verifyForm() { 
    var frm_elements = myForm.elements; 
    //do something here 
} 

上面的代码与最新版本的运作良好的Chrome和Internet Explorer。但是，Firefox总是失败。 FF抱怨错误：“找不到ID myForm的”

为了得到这个工作，我换成myForm.elements通过document.getElementById（“myForm的”）的元素。它在我测试的所有三种浏览器中运行良好。

我只是想知道为什么它在FF上失败？我做错了什么吗？

Answer 1

修改此

<form action="process.php" id="myForm"> 

这个

<form action="process.php" name="myForm"> 

因为DOM形成收集工作过名的，因此使用需要的名称属性添加到标签中的表单名称来访问。这将允许以下语句的工作。

document.forms["myform"] 
document.forms.myform 
document.myform 

下面是一些参考http://www.quirksmode.org/js/forms.html

Answer 2

显然Chrome和IE结合形式document。这不是标准的AFAIK。

> foo = 1 
> window.foo 
1 

getElementById是正确的路要走。虽然document.forms.myForm也适用于我。