Почему элемент dom доступен в переменной по id?

Question

[newaitix]

Если у меня имеется блок
<div id="name"></div>
я могу обратиться к нему вот так

name
или
window.name

То есть блок с идентификатором "name" будит доступен в переменной name, с идентификатором body в переменной body и так далее. К любому элементу можно осуществить доступ по его идентификатору через переменную с соответствующим идентификатору названием.
И это на любом сайте так.
Почему?
Для меня это нонсенс.

Answer 1

[Сергей Протько]

stackoverflow.com/questions/3434278/do-dom-tree-el...

не совсем так. Скажем если вы явно укажите пропертю в window то она перекрое это поведение.

Answer 2

[Иван Соломенников]

Если для именования HTML элемента используется атрибут id и если объект window еще не имеет свойства имя которого совпадает со значением атрибута id, то объект window получает не перечисляемое свойство с именем соответствующим значению атрибута id, значением которого становится объект HTMLElement, представляющий этот элемент документа. Таким образом значения атрибута id в HTML документах становятся глобальными переменными, доступными сценариям. Если например документ включает элемент <button id="okay">, то на него можно сослаться с помощью глобальной переменной "okay". ©Дэвид Флэнаган.

Comments

[newaitix]

А так же по имени

Answer 3

[Алексей Уколов]

Это поведение соответствует стандарту. Оно существует, в первую очередь, для совместимости, как осколок далёкого прошлого и не очень приветствуется, поскольку использует глобальные переменные. Браузер пытается помочь нам, смешивая пространства имён JS и DOM, но при этом возможны конфликты.

https://learn.javascript.ru/searching-elements-dom...

Comments

[newaitix]

разве изначально не было getElementById, getElementsByClassName, getElementsByTagName?

Answer 4

[Константин Китманов]

Это наследие времен первых версий браузеров. Оставлено в целях совместимости, чтобы сайты, на которые никто не заходит уже 15 лет, продолжали работать в современных браузерах.

Comments

[newaitix]

разве изначально не было getElementById, getElementsByClassName, getElementsByTagName?

[Константин Китманов]

newaitix: неа. Это уже позже в W3C придумали.
Я уже не помню точно, но, кажется, это в IE появилось, а остальные ввели это из соображений совместимости. Кстати, одна из причин не использовать айдишники в верстке.
А еще погуглите DOM level 0.

[newaitix]

Константин Китманов: Ну я бы не называл это причиной не использовать айдишники в верстке. ибо это ничего не меняет так как я не использую эту фичу. Я только сегодня обнаружил этот бред и подумал что я либо что то не понял либо что то не так написал либо просто спятил. Но что такая ситуация это норма я не подозревал

[Константин Китманов]

newaitix: увы, меняет. Браузеры не спрашивает, используете лы вы эту фичу или нет:)
Вы будете проверять существование глобальной переменной и нечаянно проверите существование некоего узла, а не переменной. Поверьте человеку с десятилетним опытом: такое случается.