Какие есть варианты обращения к элементу страницы по id?


#1

Немного не понимаю всю эту кучу разных методов обращения к id значению страницы, умею только с помощью JQuery делать такие фишки, для общего образования было бы полезно рассмотреть всё множество вариантов, так что был бы признателен если бы кто то скинул примерчики и разжевал бы всё для меня 😊


#2

Припоминаю около трех вариантов, если есть еще то надеюсь добавят, во первых можно с помощью document достать любое id значения используя getElementById(), помимо этого можно провернуть тоже самое только сделать декоратор вроде, и туда записать тот же функционал, и по сути это будет как будто бы вызов функции в которое передаем id, ну и проде можно еще просто неявно обращатся по id, просто вводя его и через точку использовать какой то метод)

<div id="first_div">
Hello!

Блок с html который будем пытаться достать.

Первый вариант:

var a = document.getElementById('first_div');

alert(a.innerText)

Второй вариант:

let ID=t=>document.getElementById(t);

alert(ID('first_div').innerText)

Третий вариант:

alert(first_div.innerText)