What is the best way to access an element by id?

Question

JavaScript

There are three options for addressing:
1) The old fashioned way 2) Symbolic and economical
document.getElementById('КакойТоАйДи').метод;

'use strict'; // Включаем прогрессивизм
let ID=t=>document.getElementById(t); // Декоратор дефолтного сатанинского синтаксиса
...
ID('КакойТоАйДи').метод; // собсна, обращение к элементу

3) Magic-implicit
КакойТоАйДи.метод;
1st Option generates kilometers of code, but the fastest (but this is not accurate)
2nd Strongly reduces the number of characters in the file, but it is not known how fast
3rd Extremely minimalistic, but just implicit (is it a custom object? a variable?)

Answer 1

const $ = selector => document.querySelectorAll(selector)
$('#hello .world').forEach(...)

Pros: short, works not only with id but also with any css selectors
Cons: can blow someone up, because it looks too much like jQuery :)
But you can use a different symbol
It is often convenient to immediately convert to an array

const $ = selector => Array.from(document.querySelectorAll(selector))

Answer 2

if there is only one such id in the document then:
getElementById
or just call directly:
id.remove()
the browser automatically creates the id variable in the global scope
if there are several such id then:
querySelectorAll( '#' + id)
and yes, there can be several id - it's not forbidden and sometimes it's convenient