Javascript不能附加元素[关闭]

Question

我正在从我的服务器获取一些数据，我想创建元素，但此代码不起作用，请帮助我

var filelist=['dummy1','dummy2','etc']
    
      filelist.forEach(file=>{
    
      var newli=document.createElement("li")
      var newa=document.createElement("a")
      newa.innerHTML=file
      newa.setAttribute('href',file)
      newli.append(newa)
      
      box.append(newli)
    
      })

请注意，该框是上述代码中的一个 div

Answer 1

给你，这是有效的。需要确保在执行任何 DOM 访问功能之前，必须准备好/加载前者。

const fileNameList = ['dummy1', 'dummy2', 'etc'];
    
const box = document.getElementById('box');

fileNameList.forEach(fileName => {

  const newLi = document.createElement("li");
  const newA = document.createElement("a");

  newA.innerHTML = fileName;
  newA.setAttribute('href', fileName);

  newLi.append(newA);
  box.appendChild(newLi);
});

<div id='box'>Your box</div>