gpt4 book ai didi

javascript - JS中随机图像脚本的问题

转载 作者:行者123 更新时间:2023-11-30 10:50:29 27 4
gpt4 key购买 nike

我试图让以下脚本在每次页面刷新时用随机图像替换默认图像。我不断收到 boxID is null 错误。为什么boxID为空?

  <script type="text/javascript"> 
function randomThumbs(){
var unalafois=1;
for (unalafois=1; unalafois<9; unalafois++){
boxID=document.getElementById("'unalafois'")
var duh= Math.ceil(Math.random()*8);
boxID.src="thumbs/'+duh+'.jpg";
}}
</script>

这是 HTML 代码:

<body onload="randomThumbs()">
<table>
<tr>
<td><img id="1" src="thumbs/1.jpg" /></td>
<td><img id="2" src="thumbs/2.jpg" /></td>
<td><img id="3" src="thumbs/3.jpg" /></td>
<td><img id="4" src="thumbs/4.jpg" /></td>
<td><img id="5" src="thumbs/5.jpg" /></td>
<td><img id="6" src="thumbs/6.jpg" /></td>
<td><img id="7" src="thumbs/7.jpg" /></td>
<td><img id="8" src="thumbs/8.jpg" /></td>
</tr>
</table>
</body>

谢谢!

最佳答案

HTMLElement 的 ID 不能以数字开头。将 ID 更改为类似 img-n 的内容,其中 n 是一个数字。

<body onload="randomThumbs()">
<table>
<tr>
<td><img id="img-1" src="thumbs/1.jpg" /></td>
<td><img id="img-2" src="thumbs/2.jpg" /></td>
<td><img id="img-3" src="thumbs/3.jpg" /></td>
<td><img id="img-4" src="thumbs/4.jpg" /></td>
<td><img id="img-5" src="thumbs/5.jpg" /></td>
<td><img id="img-6" src="thumbs/6.jpg" /></td>
<td><img id="img-7" src="thumbs/7.jpg" /></td>
<td><img id="img-8" src="thumbs/8.jpg" /></td>
</tr>
</table>

然后将脚本更改为:

<script type="text/javascript"> 
function randomThumbs(){
var unalafois=1;
for (unalafois=1; unalafois<9; unalafois++){
//Use var before boxID, just a best practice
var boxID = document.getElementById("img-" + unalafois)
var duh= Math.ceil(Math.random()*8);
boxID.src="thumbs/" + duh + ".jpg";
}
}
</script>

关于javascript - JS中随机图像脚本的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5677406/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com