为什么这些报价在那里？如何删除它们？

Question

当我运行以下代码时：

const root = document.querySelector('#root3');

async function fetchData(userId) {
  const response = await fetch(`https://randomuser.me/api/?results=10`);
  const data = await response.json();
  console.log(data);
  console.log(data.results);
  data.results.map(item => {
    root.append(`<li><img src=${item.picture.thumbnail}></li>`);
  });
}

fetchData();

结果是这样的：

为什么这些报价在那里？以及如何摆脱它们？

Answer 1

好。您不能在JavaScript中使用append。 一种可行的解决方案如下：

root.innerHTML += `<li><img src=${item.picture.thumbnail}></li>`;