当src包含变量时，如何使用JavaScript向div添加图像？

我有一个函数，通过随机生成一个数字，将10个随机图像添加到一个div中。这就是功能：

function Images()
        {
            clore();
            var total = 133;
            var gif = 3;
            var name = "FileName";
            var i = 0;
            while (i < 10)
            {
                var num = random.nextInt(total - 1 + 1) + 1;
                if(num > (total - gif))
                {
                    var type = ".gif";
                }else{
                    var type = ".jpg";
                }
                var elem = document.createElement("img");
                elem.src = 'images/' + name + '/' + num + type;
                document.getElementById("DIV").appendChild(elem);
                i++;
            }
        }

函数图像（）
{
clore（）；
var总计=133；
var=3；
var name=“FileName”；
var i=0；
而（i<10）
{
var num=random.nextInt（总计-1+1）+1；
如果（num>（总计-gif））
{
var type=“.gif”；
}否则{
var type=“.jpg”；
}
var elem=document.createElement（“img”）；
elem.src='images/'+name+'/'+num+type；
文件.getElementById（“DIV”）.appendChild（elem）；
i++；
}
}

clore（）-清除div的innerhtml

var total—文件夹中所有图像的总数

var gif-文件夹中.gif图像的总数

var name-图像所在文件夹的名称

这些图像被命名为1到133，除了最后三幅是.gif之外，所有的图像都是.jpg

所以是这样的：1.jpg…..130.jpg然后是131.gif…..133.gif

我知道函数正在运行，因为clore函数清除div，但之后什么也没有发生

---

我也知道我没有使用任何保留条款，因为我已经反复更改了所有名称？

问题在于您的行：

var num = random.nextInt(total - 1 + 1) + 1;

相反，它应该是：

var num = Math.floor(Math.random() * total) + 1;

---

JavaScript没有

random.nextInt

方法。也许你把它和Java混淆了？我使用了Math.floor（Math.random（）*（total+1））；如果这不能解决你的问题，那么除了这个函数之外，还有别的东西破坏了程序。您应该检查开发人员控制台是否存在错误，并逐步检查您编写的函数，以确保它们接收到预期的输入并生成预期的输出。另一个建议是将容器的ID更改为除“DIV”之外的其他内容，这不是描述性或澄清性的，大多数开发人员会认为您将ID误认为是标记名。我已确保所有ID都正确，并将其重命名。我创建了一个新的html文档，其中只包含上面的函数、一个调用它的按钮和图像要放置的div，但仍然没有发生任何事情。