javascript - insertAdjacentHTML不是函数

因此，我正在使用 Electron ，并在我的文件“ipcRenderer Event.was”中编写了以下代码:

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)

最佳答案

querySelectorAll 返回 NodeList 。您可以改用 querySelector 来获取文档中的第一个匹配元素，也可以在列表中的单个元素上调用 insertAdjacentHtml (例如imagesList[0].insertAdjacentHTML)。