最佳實踐:按HTML ID或名稱屬性訪問表單元素?正如任何經(jīng)驗豐富的JavaScript開發(fā)人員所知,有很多(太多)方法可以做同樣的事情。例如,假設(shè)您有一個文本字段,如下所示:<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文檔中有詳細(xì)記載,但都不是理想的。[1]過于籠統(tǒng)而無用,[3]同時需要id和名稱(假設(shè)您將數(shù)據(jù)發(fā)布到服務(wù)器端語言)。理想情況下,最好只有一個id屬性或一個name屬性(兩者都有點多余,特別是如果id不是任何css所必需的,并且增加了拼寫錯誤的可能性等)。[2]似乎是最直觀的,它似乎被廣泛使用,但我沒有看到它在Gecko文檔中引用,我擔(dān)心向前兼容性和跨瀏覽器兼容性(當(dāng)然我想成為盡可能符合標(biāo)準(zhǔn))。那么這里最好的做法是什么?任何人都可以指出DOM文檔或W3C規(guī)范中可以解決此問題的內(nèi)容嗎?注意我對非庫解決方案(jQuery / Prototype)特別感興趣。
最佳實踐:按HTML ID或名稱屬性訪問表單元素?
尚方寶劍之說
2019-08-16 16:25:59