Javascript HTML-如何在div内的img=src地址中生成随机数

您好，我试图在div中的

imgsrc=

地址中显示一个随机数，这样每次加载div时都会生成一个随机图像

我有10张图片，它们的目录地址是：

"pictures/number1.jpg"
"pictures/number2.jpg"
"pictures/number3.jpg"
................
"pictures/number10.jpg"

我可以使用以下Javascript随机选择其中一个：

var num = Math.floor(Math.random() * 10 + 1); 
img.src = "pictures/number" +num +".jpg";

这将生成一个介于1和10之间的随机数，并将其放置在地址中以定位图像。 当Javascript文件中使用

img.src

时，这种方法非常有效，但我想知道当

img src=

是HTML页面的一部分时，是否可以使用这种方法。我正在尝试对以下HTML代码应用类似的过程：

<script>
var num = Math.floor(Math.random() * 10 + 1); 
randomimage = "pictures/number" +num +".jpg";
</script>

<div id="JohnDIV" align="center"> <img src=randomimage alt="If you can see this, then the image didn't load properly" class="myclass1" /> </div>
<div id="JackDIV" align="center"> <img src=randomimage alt="If you can see this, then the image didn't load properly" class="myclass1" /> </div>
<div id="JaneDIV" align="center"> <img src=randomimage alt="If you can see this, then the image didn't load properly" class="myclass1 /> </div>

var num=Math.floor（Math.random（）*10+1）；
randomimage=“图片/数字”+num+“.jpg”；

这不起作用，它只是向我显示

alt=

消息。我不确定我是否正确定义了

randomimage

。 我真的很困惑如何以正确的方式做这件事，任何帮助都将不胜感激

---

提前谢谢

为img标签分配一个id

<img src="" alt="If you can see this, then the image didn't load properly" class="myclass1" id="sample"/>

在javascript中，您可以随时添加自己选择的src

<script>
var num = Math.floor(Math.random() * 10 + 1); 
randomimage = "pictures/number" +num +".jpg";
document.getElementById('sample').src=randomImage;
</script>

var num=Math.floor（Math.random（）*10+1）；
randomimage=“图片/数字”+num+“.jpg”；
document.getElementById（'sample'）.src=randomImage；

编辑 至于代码不起作用的原因：您不能将

randomimage

应用于纯HTML格式的图像源。您必须使用Javascript来实现这一点。为此，您必须选择要操作的元素，并通过Javascript修改

src

属性

---

既然你用jQuery标记了它，我就从使用它开始

您可以在

myClass1

类上使用

.each（）

循环来迭代每个图像，并使用给定的类更改每个图像的图像src

$（'.myClass1'）。每个（函数（）{
var num=Math.floor（Math.random（）*10+1），
img=$（本）；
img.attr（'src'，'pictures/number'+num+'.jpg'）；
img.attr（'alt'，'Src:'+img.attr（'Src'）；
});
您似乎在尝试服务器端代码之类的东西。。。比如php或asp。Javascript不是这样工作的。您必须在脚本中迭代给定的
img
s，然后为该循环中的图像设置
src
。