Javascript 使用循环，但只添加一个元素

我正在开发一些JavaScript，并试图动态添加内容。下面是我的代码。我的问题是，我试图添加三个“li”元素，将“img”标记附加到它，并动态附加src。但它只是将代码“bid_3”中的最后一个图像附加到所有“li”上。谢谢你的帮助

(function() {
    var bxSlider = document.createElement("ul"); //created ul
    bxSlider.setAttribute("class", "bxslider"); // gave a class name bxslider.

    for (i = 1; i < 4; i++) {
        var itemsList = document.createElement("li");
        var linkImages = document.createElement("img");
        linkImages.src = "images/bid_" + i + ".jpg";
        itemsList.appendChild(linkImages);
    }

    bxSlider.appendChild(itemsList);
    document.body.appendChild(bxSlider); //append everything to the body.

    var ulNum = document.getElementsByTagName("ul");
    alert(ulNum.length); // should return 1
    var liNum = document.getElementsByTagName("li");
    alert(liNum.length); // should return 3
    var imgNum = document.getElementsByTagName("img");
    alert(imgNum.length); //should return 3

    //call the slider.
    $(document).ready(function() {
        $('.bxslider').bxSlider();
    });

}());

（函数（）{
var bxSlider=document.createElement（“ul”）；//已创建ul
setAttribute（“class”，“bxSlider”）；//给出了一个类名bxSlider。
对于（i=1；i<4；i++）{
var itemsList=document.createElement（“li”）；
var linkImages=document.createElement（“img”）；
linkImages.src=“images/bid_”+i+”.jpg”；
itemsList.appendChild（链接图像）；
}
bxSlider.appendChild（itemsList）；
document.body.appendChild（bxSlider）；//将所有内容附加到正文中。
var ulNum=document.getElementsByTagName（“ul”）；
警报（ulNum.length）；//应返回1
var liNum=document.getElementsByTagName（“li”）；
警报（liNum.length）；//应返回3
var imgNum=document.getElementsByTagName（“img”）；
警报（imgNum.length）；//应返回3
//调用滑块。
$（文档）.ready（函数（）{
$（'.bxslider'）.bxslider（）；
});
}());

---

PS:-我不是JavaScript专家。如果我的代码不正确，请原谅。

您只是在通过循环后才附加itemsList。试试这个：

// Before loop stuff...
for (i = 1; i < 4; i++) {
    var itemsList = document.createElement("li");
    var linkImages = document.createElement("img");
    linkImages.src = "images/bid_" + i + ".jpg";
    itemsList.appendChild(linkImages);
    bxSlider.appendChild(itemsList);
}
// After loop stuff...

//在循环填充之前。。。
对于（i=1；i<4；i++）{
var itemsList=document.createElement（“li”）；
var linkImages=document.createElement（“img”）；
linkImages.src=“images/bid_”+i+”.jpg”；
itemsList.appendChild（链接图像）；
bxSlider.appendChild（itemsList）；
}
//循环后的东西。。。

只有在通过循环后才能附加itemsList。试试这个：

// Before loop stuff...
for (i = 1; i < 4; i++) {
    var itemsList = document.createElement("li");
    var linkImages = document.createElement("img");
    linkImages.src = "images/bid_" + i + ".jpg";
    itemsList.appendChild(linkImages);
    bxSlider.appendChild(itemsList);
}
// After loop stuff...

//在循环填充之前。。。
对于（i=1；i<4；i++）{
var itemsList=document.createElement（“li”）；
var linkImages=document.createElement（“img”）；
linkImages.src=“images/bid_”+i+”.jpg”；
itemsList.appendChild（链接图像）；
bxSlider.appendChild（itemsList）；
}
//循环后的东西。。。

只有在通过循环后才能附加itemsList。试试这个：

// Before loop stuff...
for (i = 1; i < 4; i++) {
    var itemsList = document.createElement("li");
    var linkImages = document.createElement("img");
    linkImages.src = "images/bid_" + i + ".jpg";
    itemsList.appendChild(linkImages);
    bxSlider.appendChild(itemsList);
}
// After loop stuff...

//在循环填充之前。。。
对于（i=1；i<4；i++）{
var itemsList=document.createElement（“li”）；
var linkImages=document.createElement（“img”）；
linkImages.src=“images/bid_”+i+”.jpg”；
itemsList.appendChild（链接图像）；
bxSlider.appendChild（itemsList）；
}
//循环后的东西。。。

只有在通过循环后才能附加itemsList。试试这个：

// Before loop stuff...
for (i = 1; i < 4; i++) {
    var itemsList = document.createElement("li");
    var linkImages = document.createElement("img");
    linkImages.src = "images/bid_" + i + ".jpg";
    itemsList.appendChild(linkImages);
    bxSlider.appendChild(itemsList);
}
// After loop stuff...

//在循环填充之前。。。
对于（i=1；i<4；i++）{
var itemsList=document.createElement（“li”）；
var linkImages=document.createElement（“img”）；
linkImages.src=“images/bid_”+i+”.jpg”；
itemsList.appendChild（链接图像）；
bxSlider.appendChild（itemsList）；
}
//循环后的东西。。。

您只是将最后一个

itemsList

元素添加到循环后的列表中……是的，谢谢。我现在已经解决了。我知道这很傻，但对不起：P。刚开始学习。您只是在循环后将最后一个

itemsList

元素添加到列表中……是的，谢谢。我现在已经解决了。我知道这很傻，但对不起：P。刚开始学习。您只是在循环后将最后一个

itemsList

元素添加到列表中……是的，谢谢。我现在已经解决了。我知道这很傻，但对不起：P。刚开始学习。您只是在循环后将最后一个

itemsList

元素添加到列表中……是的，谢谢。我现在已经解决了。我知道这很傻，但对不起：P。刚开始学习。非常感谢，这解决了我的问题。接受你的回答。祝你今天愉快。非常感谢，这解决了我的问题。接受你的回答。祝你今天愉快。非常感谢，这解决了我的问题。接受你的回答。祝你今天愉快。非常感谢，这解决了我的问题。接受你的回答。祝您有个美好的一天。