选择不带选择器的元素,仅使用元素ID

时间:2012-09-06 15:22:46

标签: javascript dom

我总是不得不使用选择器来获取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;

我一直在努力寻找更多相关信息,但无论在哪里,每个人都说需要使用选择器。
因此,我和我的同事完全错过了这一点,或者没有多少人知道这一点。或者,我想,我在搜索信息时非常糟糕。

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

因此,请指出正确的方向,以便进一步调查并确保此功能保持不变,并且可以始终如一地使用。

2 个答案:

答案 0 :(得分:1)

这是一个浏览器功能,根据规范。这意味着您的代码可以在大多数浏览器上运行,它应该使用一些选择器。此外,如果testElement已经是全局变量,则{{1}}可能无效。

答案 1 :(得分:0)

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