问最佳实践:通过HTML id或name属性访问表单元素？

EN

正如任何经验丰富的JavaScript开发人员都知道的那样，有许多(太多)方法可以做同样的事情。例如，假设您有一个文本字段，如下所示：

<form name="myForm">  
    <input type="text" name="foo" id="foo" />

在JavaScript中有很多方法可以访问它：

[1]  document.forms[0].elements[0];
[2]  document.myForm.foo;
[3]  document.getElementById('foo');
[4]  document.getElementById('myForm').foo;
     ... and so on ...

Mozilla Gecko文档中很好地记录了方法1和3，但这两种方法都不理想。1太通用而没有用，而3需要id和名称(假设您要将数据发布到服务器端语言)。理想情况下，最好只有一个id属性或一个name属性(拥有这两个属性有点多余，特别是如果id对于任何css都不是必需的，并且增加了输入错误的可能性等)。

2似乎是最直观的，它似乎被广泛使用，但我还没有在Gecko文档中看到它，我担心向前兼容性和跨浏览器兼容性(当然，我希望尽可能符合标准)。

那么这里的最佳实践是什么呢？有谁能指出DOM文档或W3C规范中可以解决这个问题的方法吗？

注我对非库解决方案(jQuery/Prototype)特别感兴趣。