基本Javascript对象/表单访问

我在看一些示例代码教程时注意到，在Javascript-coder.com上，作者有几个关于表单访问的条目，它们使用两种不同的方法访问表单元素，但没有解释

例如：

var myForm = document.forms["myForm"];
var elem = myForm[anInputName];
//OR
var myForm = document.forms["myForm"];
var elem = myForm.elements[anInputName];

---

两者似乎都提供了对元素的有效访问。谷歌似乎只是抛出了一堆语法引用。为什么两者都能工作？

Javascript表单有一个包含所有表单元素的数组，但JS也允许您通过对象键访问表单元素，就像上面的第一个示例一样。

是否有任何理由选择其中一个，或者是个人风格？完全取决于个人选择，两者都同样有效，并且指向相同的对象。就我个人而言，我会选择第1种方法，因为它的代码少了一点。“elements”数组属性提供了轻松循环表单元素的能力，而在javascript中循环对象属性可能要复杂一些。