зачем getElementById
 

Зачем нужен getElementById, если все элементы и так доступны по id?
Пишу просто имя элемента, которое было объявлено в html, и все работает. Во всех источниках пишут про getElementById, как будто другого способа нет. В чем секрет и где зарыта собака?

То, что есть у тебя сейчас, не всегда было... ;) Было время и самого метода getElementById не было... :D

Возможно дело в том, что если id переопределен, при прямом доступе разные браузеры начинают вести себя по-разному. Если соблюдается условие 1 id -- 1 элемент, то все ок, можно без getElementById.

В нарушении инкапсуляции. Что, если понадобится объявить переменную с тем же именем, что ид какого-то элемента? Это устаревший способ, который существовал на самых первых порах веба и сохраняется лишь для обратной совместимости (и только в нестрогом режиме).

LOL, инкапсуляция, она такая инкапсулированная. Что если придется объявить переменную, которая уже существует.

А getElementById при двух id разве не ведет себя по-разному в разных браузерах? Там тоже есть требование к уникальности id.
Мне не нравится, что про это нигде не написано. Возможность есть описания нет.

По-моему, то, что удобнее, то и более современное. Кучу кода можно удалить. Зачем загружать данные, создавать для них переменные, если они и так уже загружены? Или они не загружены, а поиск в DOM объекте выполняется при каждом неизвестном имени?
В Flash это например есть, там назначается actionscript имя переменной или класса, а потом просто к ним обращаешься из кода и все. Что тут устаревшего не понимаю

a.b.c (через точку к дочерним элементам) нельзя обращаться.

Нет. Код должен быть еще и очевидным.

Можно document.getElementById("a").getElementById("b"), но зачем? Результат будет тот же, что и при document.getElementById("b"), идентификатор уникальным же должен быть.

Да.
http://www.w3.org/TR/html5/browsers....-window-object