javascript - 在 IE11 与 IE8 中引用 DOM 元素

Question

我有一个包含以下 HTML/javascript 的网站:

<input type="text" id="txtPhaseID" onkeypress="return onlyNumbers();" />
<a id="btnLookup" onclick="GetEventLookupData(txtPhaseID.value);this.blur();return false;" href="javascript:void(0);" class="btn"><span>Lookup</span></a>

onclick 事件中对 txtPhaseID.value 的引用在 IE8 中有效，但在 IE11 中失败。我预计它都会失败，因为您应该使用 document.getElementById。

为什么这在 IE8 中有效？

Answer 1

从技术上讲，当你向元素添加 id 时，你可以使用 id.property 直接从 DOM 访问它 - 但这一直被认为是非常糟糕的做法，以至于没有人被教导过这一点方式。我只能想象它最终在 Internet Explorer 11 中被删除。我不知道它叫什么，而且我认为它从未被赋予过特定的名称，这意味着谷歌搜索将返回相当有限的结果。不幸的是，即使他们确实删除了它，也可能没有任何说明。

以下是 stackoverflow 上的一些其他资源，以了解更多信息:

Do DOM tree elements with ids become global variables?

Why don't we just use element IDs as identifiers in JavaScript?