如何在javascript中使用for循环来添加HTML

我正在我的网站上制作一个小图库，其中包含很多图片，我如何使用for循环在我的网站中添加

li

这是我现在的HTML，而不是所有那些

我想要一个

for

循环。 HTML:

使用jQuery：

var ul = $('ul.rig');
var count = 15; // number of images

for(var i = 1; i <= count; i++) {
    ul.append('<li><img src="images/' + i + '.jpg"></li>');
}

var ul=$（'ul.rig'）；
变量计数=15；//图像数量
对于（var i=1；i我认为最简单的方法是使用：


var numberOfImages=15；
var$container=$（“#pictureBlock ul”）；
对于（var i=1；i01-如果您的图像文件名按编号排序并且位于同一位置

// Define number of images
var numImages = 15;

// Get the div you want to add element to
var rigDiv = $(".rig");

// Loop through images and add them to target div
for (var i=1; i <= numImages; i++) {
    var element = '<li><img src="images/' + i + '.jpg" /></li>';
    rigDiv.append(element);
}

//定义图像的数量
var numImages=15；
//获取要添加元素的div
var rigDiv=$（“.rig”）；
//循环浏览图像并将其添加到目标div
for（var i=1；i只需使用for循环


for（变量i=1；i<16；i++）{
$（'ul.rig'）。追加（'
'））
}



使用jQuery，您可以在我刚刚创建的小提琴中执行类似操作：

var pictures = [ "1", "2" ];

$.each(pictures, function(value) {
    $(".rig").append("<li><img src='images/" + value + ".jpg' /></li>");
});

var图片=[“1”，“2”]；
$。每个（图片、功能（值）{
$（“.rig”）。追加（“
”）；
});


在var图片中必须有一些您拥有的图片列表。
Jquery获得胜利：

for(var i = 1; i <= count; i++) {
   $('ul.rig').append("<li><img src='images/'+i+'.jpg'></li>");
}

for（var i=1；i



var gal=document.getElementById（'gallery'）；
对于（变量i=1；i<15；i++）{
gal.innerHTML+=“
”；
};
var计数=15；
对于（设i=1；i您是否获得图像数组并希望在
li
s中显示它们？li的长度是固定的？或者它取决于一些值？您是否希望使用JavaScript显示所有这些图像。您希望打印的图像是硬编码的，还是提供了一些后端用于显示图像。第一行是干什么的？
var pictures = [ "1", "2" ];

$.each(pictures, function(value) {
    $(".rig").append("<li><img src='images/" + value + ".jpg' /></li>");
});

for(var i = 1; i <= count; i++) {
   $('ul.rig').append("<li><img src='images/'+i+'.jpg'></li>");
}

var count = 15;
for(let i=1; i<=count; i++){
    $("ul").append('<li><img src="images/'+ i +'.jpg" /></li>');
}