如何解决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访问功能之前,必须准备好/加载前者。
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>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。