Javascript不能附加元素

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

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

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

constfilenamelist=['dummy1'，'dummy2'，'etc']；
const-box=document.getElementById（'box'）；
fileNameList.forEach（文件名=>{
const newLi=document.createElement（“li”）；
const newA=document.createElement（“a”）；
newA.innerHTML=文件名；
newA.setAttribute（'href'，文件名）；
追加（newA）；
盒子.附件儿童（纽利）；
});
你的框
考虑创建一个jsbin或类似的东西并链接到它。你可以使用（图标看起来像工具栏中的
）在堆栈溢出上创建一个可运行的示例。这里没有
append
方法；你想要。代码不起作用？你能分享任何错误日志吗？加上你是如何得到box元素的？打开你的开发工具，在控制台中阅读错误消息。@如果它能工作，请接受答案，你、我和codepen都能工作，因此，你的朋友必须检查他/她有什么类型的环境。兄弟，它正在工作，我甚至没有更改代码，你能告诉我为什么它在那个时候不工作，现在它没有做任何事情，我真的想知道，如果一切都好，那么为什么它不工作，我甚至刷新了几次页面，重新启动笔记本电脑请告诉我，兄弟我从第一次尝试的时候就知道了，我真的猜不出你那边出了什么问题，为什么它不起作用，可能是因为DOM在代码执行后加载了，你知道我的猜测。但现在让我们投票表决；）我想告诉你，我的脚本工作得很好，你也可以解释我应该使用append还是append child。我真的建议这样做：