Javascript 为什么会有这些引用，我如何删除它们？

当我运行以下代码时：

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();

const root=document.querySelector（'#root3'）；
异步函数fetchData（userId）{
const response=等待获取(`https://randomuser.me/api/?results=10`);
const data=wait response.json（）；
控制台日志（数据）；
console.log（data.results）；
data.results.map（项=>{
追加（`
`）；
});
}
fetchData（）；

结果是：

---

为什么有这些引文？我怎样才能摆脱它们呢？

好的。不能在JavaScript中使用append。 一个可行的解决方案是：

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

root.innerHTML+=`
`；

Java！=JavaScriptYou不是“追加元素”，而是“追加字符串”。我认为您可能正在寻找类似于

appendChild

的东西，其中一些HTML被添加到现有元素中。