Почему не работает getElementsByName в контексте HTMLElement-a?

Question

[Denis9999]

Код такой:

var form1 = document.getElementsByName('search-person');
alert('тип' + form1[0].outerHTML);
var input1 = form1[0].getElementsByName('info[0]');
alert('тип' + input1 + ' код' + input1[0].outerHTML);

Ошибка: Uncaught TypeError: form1[0].getElementsByName is not a function

В form1[0] находится HTMLElement, почему по ему нельзя сделать поиск по тегу name, это же не NodeList?

Answer 1

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

The getElementsByName(name) method takes a string name, and must return a live NodeList containing all the HTML elements in that document that have a name attribute whose value is equal to the name argument (in a case-sensitive manner), in tree order.

Судя по формулировке, которая дана в спецификации, этот метод есть только у документа и его нельзя вызывать на произвольных нодах. Здесь это написано прямым текстом.

Стоит отказаться от него в пользу метода querySelector():

var form = document.querySelector('[name="search-person"]');
alert('тип' + form.outerHTML);

var input = form.querySelector('[name="info[0]"]');
alert('тип' + input + ' код' + input.outerHTML);

Как видите, возвращается сразу нода, а не коллекция, что дополнительно упрощает код.

Answer 2

[Алексей Зуев]

Распечатайте и на стенку повесьте)


На основе learn.javascript.ru

Comments

[Denis9999]

а внутри document ищет, что тогда document, если это не Element и не коллекция?

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

Везде для getElementById и везде для querySelector - это два разных таких везде. Понятно, что речь о динозаврах, но всё-таки, стоит об этом помнить.