最佳實踐：按HTML ID或名稱屬性訪問表單元素？

正如任何經(jīng)驗豐富的JavaScript開發(fā)人員所知，有很多(太多)方法可以做同樣的事情。例如，假設您有一個文本字段，如下所示：

在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]過于籠統(tǒng)而無用，[3]同時需要id和名稱(假設您將數(shù)據(jù)發(fā)布到服務器端語言)。理想情況下，最好只有一個id屬性或一個name屬性(兩者都有點多余，特別是如果id不是任何css所必需的，并且增加了拼寫錯誤的可能性等)。

[2]似乎是最直觀的，它似乎被廣泛使用，但我沒有看到它在Gecko文檔中引用，我擔心向前兼容性和跨瀏覽器兼容性(當然我想成為盡可能符合標準)。

那么這里最好的做法是什么？任何人都可以指出DOM文檔或W3C規(guī)范中可以解決此問題的內容嗎？

注意我對非庫解決方案(jQuery / Prototype)特別感興趣。

總結

以上是生活随笔為你收集整理的html 表单命名规范,最佳实践：按HTML ID或名称属性访问表单元素？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內容還不錯，歡迎將生活随笔推薦給好友。