Javascript 如何向无序列表动态添加新的li标记

我想创建一个包含我的视频的列表。我尽了最大的努力，但没有成功。下面是我的代码

我的代码有问题吗

点击我
函数生成列表（）{
变量列表项=[{
文件名：“Besabriyan”，
路径：“videos/besabriyan.mp4”
}, {
文件名：“Parwah nahin”，
路径：“视频/Parwah-nahin.mp4”
}, {
文件名：“莱拉主莱拉”，
路径：“视频/Laila main Laila.mp4”
}, {
文件名：“Kaabil预告片”，
路径：“视频/Kaabil预告片.mp4”
}];
var list=document.createElement（“ul”）；
setAttribute（“id”、“歌曲列表”）；
文件.正文.附件（列表）；
对于（i=0；i

您的代码中几乎没有问题

在循环内声明的变量是用一个不正确的索引声明的，并且会引发错误。声明变量，如var li，var a，这些变量将在下一次迭代中被覆盖

代码中没有listItem对象，它是listItems

函数生成器列表（）{
变量列表项=[{
文件名：“Besabriyan”，
路径：“videos/besabriyan.mp4”
}, {
文件名：“Parwah nahin”，
路径：“视频/Parwah-nahin.mp4”
}, {
文件名：“莱拉主莱拉”，
路径：“视频/Laila main Laila.mp4”
}, {
文件名：“Kaabil预告片”，
路径：“视频/Kaabil预告片.mp4”
}];
var list=document.createElement（“ul”）；
setAttribute（“id”、“歌曲列表”）；
文件.正文.附件（列表）；
var li，a，文件名；
对于（变量i=0；i
点击我
你说得对。我犯了一个大错误。对不起，我犯了个小错误。感谢您帮助mei建议将循环外的变量声明移到函数顶部，甚至对
i
等变量进行计数，此处未声明这些变量。@user6542894进行了编辑，以消除锚元素的重复ID。这是由于a.setAttribute（“id”，listItems.length+1）；他的意思是：做我刚才为你做的事。下次单击编辑器中的
，将html、javascript和css粘贴到正确的框中，然后单击TIDY创建一个