Во-первых, ваш первый бит кода "DOM" неверен.getElementById('myName'); не получит нужный элемент, так как у него нет id - просто атрибут name.Точно так же я не верю, что ваш второй бит кода для навигации по дереву будет работать, так как элементы хранятся в id, а не name.
Теперь, исключив, что оба приведенных вами примера являются "DOM».У вас есть документ, который структурирован как дерево узловых объектов.Вы управляете этим как таковым.Предыдущий фрагмент (если его правильно написать) является просто более стандартным средством доступа.
Что касается того, что вы должны сделать (я полагаю из тегов, которые вы спрашиваетео коде JavaScript в частности): в любом случае работает.Первая идея (поскольку она использует getElementById) лучше, потому что изменение структуры вашего документа не сломает его, но если вы сами будете чистить разбитое стекло, это все ваше шоу.
Чтобы проиллюстрировать мою точку зрения, допустим, вы поместили элемент input в div.Код с использованием getElementById все еще будет работать.Код, перемещающийся по дереву вниз, не будет, так как у него нет свойства - пройти через новый промежуточный элемент.Таким образом, вы связали свою логику с дисплеем - и это запах кода.
Посмотрите на jQuery , если вы еще не знаете об этом;и другие библиотеки делают JavaScript гораздо более приятным языком для разработки.