insertAdjacentHTML не является функцией

Question

Так что я работаю с электроном и в моем файле "ipcRendererEvent.js" я написал следующий код:

function loadImages (images) {
  const imagesList = document.querySelectorAll('ul.list-group')

  for (let i = 0, length1 = images.length; i < length1; i++) {
    const node = `<li class="list-group-item">
                    <img class="media-object pull-left" src="${images[i].src}" height="32">
                    <div class="media-body">
                      <strong>${images[i].filename}</strong>
                      <p>${images[i].size}</p>
                    </div>
                  </li>`
    imagesList.insertAdjacentHTML('beforeend', node)
  }
}

И это ошибка:

Uncaught TypeError: imagesList.insertAdjacentHTML is not a function
    at loadImages (ipcRendererEvents.js:22)
    at EventEmitter._electron.ipcRenderer.on (ipcRendererEvents.js:58)
    at EventEmitter.emit (events.js:182)

Answer 1

querySelectorAll возвращает NodeList. Вместо этого вы можете использовать querySelector, чтобы получить первый соответствующий элемент в документе, или вы можете вызвать insertAdjacentHtml для отдельного элемента в списке (например: imagesList[0].insertAdjacentHTML).