最佳實(shí)踐：按HTML ID或名稱(chēng)屬性訪問(wèn)表單元素？

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

在JavaScript中有很多方法可以訪問(wèn)它：

[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文檔中有詳細(xì)記載，但都不是理想的。[1]過(guò)于籠統(tǒng)而無(wú)用，[3]同時(shí)需要id和名稱(chēng)(假設(shè)您將數(shù)據(jù)發(fā)布到服務(wù)器端語(yǔ)言)。理想情況下，最好只有一個(gè)id屬性或一個(gè)name屬性(兩者都有點(diǎn)多余，特別是如果id不是任何css所必需的，并且增加了拼寫(xiě)錯(cuò)誤的可能性等)。

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

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

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

總結(jié)

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

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