Javascript - Сокращенный метод получения элемента по ID

Question

Я случайно сделал следующее и, к моему удивлению, это сработало!

one.addEventListener('mouseover', myFunction); 

Я предполагаю, что это сокращенный способ сделать следующее:

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 
});