Javascript - Shorthand 通过ID获取元素的方法

Question

我不小心做了以下操作，令我惊讶的是它有效！

one.addEventListener('mouseover', myFunction);

我假设这是执行以下操作的 shorthand 方法：

document.getElementById('one').addEventListener('mouseover', myFunction);

我想知道这两个是等价的吗？这在任何浏览器中都有效吗？

Answer 1

是的，这完全有可能，这里已经详细回答了这个问题：

Do DOM tree elements with ids become global variables?

Answer 2

是的，两者都应该可以在任何浏览器中使用。

一个真正的速记方法是使用 jquery:

$("#one").on("mouseover", *yourfunctionname*);

或

$("#one").on("click", function(){
//your function code
});