Javascript 使用appendChild将li附加到ul

您好，我有一个图像，我想为每个图像项创建一个导航li。。 现在我有了这个代码

 var bigImages = $('#imagesList li img'); // gets the Big Images

然后我用这个id创建了一个ul

<ul id="thumbsList">

    </ul>

现在使用循环，我想添加一个空白的

，与数组中的大图像相等

var rounds = document.getElementById('thumbsList');



for (var i = 0; i < bigImages.length; i++) {
        rounds.appendChild('<li> /li>');
    }

var rounds=document.getElementById（'thumbsList'）；
对于（var i=0；i/li>”）；
}

现在控制台显示此错误

`未捕获的TypeError:未能在“节点”上执行“appendChild”：参数1不是“节点”类型

---

请告诉我哪里做错了。谢谢。

你做错了。由于您使用的是纯javascript，我将用同样的方式回答：

for (var i = 0; i < bigImages.length; i++) {
    var p = document.createElement("li"); //This is what you want
    rounds.appendChild(p);
}

for（var i=0；i

---

演示：

因为appendChild需要一个节点，而错误就是这样说的。您向它传递了一个字符串，这就是为什么它会被破坏。使用字符串执行操作更像是

rounds.innerHTML+=“
”