HTML: id и переменные
используем id HTML-элемента в JavaScript

Представляю один интересный и, возможно, малоизвестный факт: если у HTML-элемента есть атрибут id
, его значение можно использовать, как имя глобальной переменной, в JavaScript.
HTML:
<button id="my_button">…</button>
JavaScript:
my_button.onclick = ...
Кроме того, если у потомка элемента с id
есть атрибут name
, к такому элементу тоже можно обратиться в JavaScript.
HTML:
<form id="my_form">
<input name="my_input">
</form>
JavaScript:
my_form.my_input.onclick = ...
Возможно, это не лучший способ взаимодействия с элементами интерфейса, но он работает.
Спасибо за внимание.