使用appendChild将li追加到ul

Appending li to ul using appendChild

本文关键字：ul 追加 li appendChild 使用      更新时间：2023-09-26

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

 var bigImages = $('#imagesList li img'); // gets the Big Images
我创建了一个id为 的ul。
<ul id="thumbsList">
    </ul>

现在使用循环，我想添加一个空白的<li> </li>等于数组中的大图像..

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

for (var i = 0; i < bigImages.length; i++) {
        rounds.appendChild('<li> /li>');
    }
现在控制台显示这个错误

未捕获类型错误:在'Node'上执行'appendChild'失败:参数1不是'Node'类型

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

你做错了。由于您使用的是纯javascript，我将在相同的回答:

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

演示:http://jsfiddle.net/GCu2D/909/

相关文章：