Получить все входные значения идентификатора со страницы HTML

Question

У меня есть форма с вводимым текстом. У каждого из них есть определенный идентификатор, который я должен получить, чтобы провести определенное лечение.

Для этого я создал базовый JavaScript, который запрашивает весь HTML-документ.

window.addEventListener('load', function () {
    var inputs = [];
    document.querySelectorAll('input').forEach( input => {
        console.log(input.getElementsByTagName('id'));
        inputs.push(this);
    });

    console.log(inputs);
})

На этом этапе я просто пытаюсь собрать их все в консоли и вставить идентификаторы в массив. Я добавлю их в массив или что-то еще. Моя проблема в том, что я получаю пустую коллекцию HTMLCollection с сообщением об ошибке

TypeError: свойства 'caller', 'callee' и 'arguments' не могут быть доступны для функций строгого режима или объектов аргументов для обращений к ним по адресуFunction.invokeGetter (: 2: 14)

Answer 1

Вы можете проверить атрибут id , прежде чем помещать его в массив.

Обратите внимание: Функция стрелки (=>) делаетне имеет своего this.

window.addEventListener('load', function () {
  var inputs = [];
  document.querySelectorAll('input').forEach( input => {
    //console.log(this.constructor.name); // Window
    if(input.id)
     inputs.push(input.id);
  });
  console.log(inputs);
})

<input id="abc"/>
<input id="xyz"/>
<input />