javascript - 不使用选择器选择元素,仅使用元素 ID

标签 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;

我一直在尝试找到更多关于此的信息,但无论我查找什么,每个人都说需要使用选择器。
所以要么我和我的同事完全错过了这一点,要么没有多少人知道这一点。或者,我想,我不擅长搜索信息。

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

因此,请为我指出正确的方向,以便我可以进一步调查并确保此功能能够保留并可以一致使用。

最佳答案

这是一项浏览器功能,符合规范。这意味着为了让您的代码能够在大多数浏览器上运行,它应该使用一些选择器。另外,如果 testElement 已经是全局变量,则它可能无法工作。

关于javascript - 不使用选择器选择元素,仅使用元素 ID,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12303321/

相关文章:

javascript - Chrome 标签卡住和 SetTimeout/Web Workers

javascript - 样式对象和 HTML 属性

javascript - react : hiding vs removing components

javascript - HTML4 中的 Element.animate()

javascript - 使用上次迭代中的变量在循环中创建的 knockout 计算

javascript - Socket.io,从客户端获得两个响应然后运行代码?

javascript - 在 NodeJS 中将多个数据库查询优化为一个

javascript - Knockout.js 未更新选择字段中的绑定(bind)

javascript - 如何在没有jquery的情况下查找集合中元素的索引

javascript - 从 JavaScript 访问 CSS 规则