Javascript - Shorthand method of getting element by ID

Question

I accidentally did the following and to my surprise it worked!

one.addEventListener('mouseover', myFunction);

I am assuming this is a shorthand way of doing the following:

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

I am wondering are the two equivalent and will this work in any browser?

Older standards say that elements having an ID become properties of the Window object with the same name. It is maintained for backwards compatibility, but you shouldn't rely on it. — Niet the Dark Absol, Aug 31 '16 at 17:24
Are you sure that you don't have a variable "one" defined before? — mm759, Aug 31 '16 at 17:25

score 1 · Answer 1 · answered Aug 31 '16 at 17:33

1

Yes, both should work in any browser.

A truly short hand method of this would be to use jquery:

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

or

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

answered Aug 31 '16 at 17:33

john_h

score 0 · Accepted Answer · edited May 23 '17 at 12:22

0

Yes this is totally possible, this is already answered in details here:

edited May 23 '17 at 12:22

Community

answered Aug 31 '16 at 17:29

Irfan Anwar

2 Answers2