JavaScript: Whats the difference between document.getElementById and accessing DOM elements by declaring them in variables?

Asked May 24 '19 at 13:36

Active May 24 '19 at 15:12

Viewed 39 times

Both of the methods output the same results to console, is there a difference?

        const test1 = mainDiv; 

        console.log('test1 ', test1); //<div id="mainDiv">TEST</div>

        const test2 = document.getElementById('mainDiv');

        console.log('test2  ', test2); //<div id="mainDiv">TEST</div>

<div id="mainDiv">TEST</div>

edited May 24 '19 at 15:12

hashed_name

asked May 24 '19 at 13:36

zadubz

1,281
2
21
36

They are in the same scope – zer00ne May 24 '19 at 13:39
2

try that with `id="main-div"` or with `id="location"` – Thomas May 24 '19 at 13:40
The good practice is to use getElementById. Avoid the global created by the browser (it can be redeclared in other scopes) – samsonthehero May 24 '19 at 13:42
What is this `const test1 = mainDiv;` way of accessing DOM elements called? – zadubz May 24 '19 at 13:48

JavaScript: Whats the difference between document.getElementById and accessing DOM elements by declaring them in variables?

0 Answers0