使用appendChild将li附加到ul

时间:2015-10-17 05:13:01

标签: javascript jquery

嗨,我有一个图像,我想为每个图像项创建一个导航li .. 现在我有了这段代码

 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>');
    }

现在控制台显示此错误

`未捕获的TypeError:无法在'Node'上执行'appendChild':参数1不是'Node'类型

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

1 个答案:

答案 0 :(得分:0)

你做错了。由于您使用的是普通的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/