最佳实践：按HTML ID或名称属性访问表单元素？

Question

最佳实践：按HTML ID或名称属性访问表单元素？正如任何经验丰富的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 ...方法[1]和[3]在Mozilla Gecko文档中有详细记载，但都不是理想的。[1]过于笼统而无用，[3]同时需要id和名称（假设您将数据发布到服务器端语言）。理想情况下，最好只有一个id属性或一个name属性（两者都有点多余，特别是如果id不是任何css所必需的，并且增加了拼写错误的可能性等）。[2]似乎是最直观的，它似乎被广泛使用，但我没有看到它在Gecko文档中引用，我担心向前兼容性和跨浏览器兼容性（当然我想成为尽可能符合标准）。那么这里最好的做法是什么？任何人都可以指出DOM文档或W3C规范中可以解决此问题的内容吗？注意我对非库解决方案（jQuery / Prototype）特别感兴趣。