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）。