至少有SELECT標記的Internet Explorer元素ID錯誤;不需要document.getElementById來識別它

Question

我正在重構一些（身體其他的）代碼，並且我在前一段時間之前已經看到了這一點，我不記得它發生的原因。有一個在HTML中的SELECT標記，看起來像這樣：

<SELECT id="model"></SELECT> 

在JavaScript中，它增加了一個選項，選擇標記聲明：

model.options[i]=option; 

這工作正常，在Internet Explorer（在測試IE 7和8）出於某種原因。它應該觸發一個錯誤，但它不會。然而，如Firefox瀏覽器，這引發了一個錯誤，因爲它應該，對代碼應該是：

document.getElementById("model").options[i]=option; 

這背後的原因，除了Internet Explorer在喜歡不符合W3C標準的事實？這只是SELECT或任何數量的標籤的問題？

謝謝！

Answer 1

如果我沒有記錯，Internet Explorer將創建對應於元素的id屬性的全局變量。

所以，當你創建一個元素...

<select id="wtv"></select> 

...引擎蓋下的IE瀏覽器初始化的全局變量wtv是該元素的DOM對象。但其他瀏覽器不這樣做，所以wtv未定義。

一些引文：

• MSDN Blogs - Internet Explorer creates global variables for each object in the DOM
• Internet Explorer – Elements with an ID get a matching global variable in JS.
• Internet Explorer Global Variable Blow ups