javascript - 选择没有选择器的元素，仅使用元素 ID

Question

我总是不得不使用选择器来获取 DOM 中的元素，这样我就可以检索我需要的数据。例如：

var test1 = document.getElementById('testElement').value; // or
var test2 = document.querySelector('#testElement').value; // or
var test3 = $('#testElement').val(); // etc...

最近，我注意到我不再需要这样做。相反，简单地使用元素的 id 似乎就足够了。它似乎被用作对元素的引用。下面的代码适用于我在 Chrome、Firefox 甚至 IE9 中。

var test4 = testElement.value;

我一直试图找到更多关于此的信息，但无论我在哪里，每个人都说需要使用选择器。
所以要么我和我的同事不知何故完全错过了这一点，或者没有多少人知道这一点。或者，我想，我在搜索信息方面很糟糕。

基本上，我正在寻找有关此的更多信息。

所以请指出我正确的方向，以便我可以进一步调查并确保此功能可以保留并且可以始终如一地使用。

Answer 1

这是浏览器功能，不符合规范。这意味着要让您的代码在大多数浏览器上运行，它应该使用一些选择器。此外，testElement如果它已经是全局变量，则可能不起作用。

Answer 2

根据浏览器，元素 id可能在全局范围内。这是一个很好的功能，但我不会依赖于您的应用程序。如果你想彻底，我建议使用getElementById()jQuery 或选择器。