在一个表格中动态显示不同的img
时间: 2024-03-17 10:44:13 浏览: 51
要在一个表格中动态显示不同的img,可以使用HTML的img标签结合JavaScript的DOM操作来实现。
首先,在HTML中创建一个表格,并在表格中添加img标签,如下所示:
```html
<table>
<tr>
<td><img id="img1" src="img1.jpg"></td>
<td><img id="img2" src="img2.jpg"></td>
<td><img id="img3" src="img3.jpg"></td>
</tr>
</table>
```
接下来,使用JavaScript获取img标签,并修改它们的src属性即可动态显示不同的img。例如,可以定义一个函数changeImg,每次调用该函数时,随机修改一个img标签的src属性:
```javascript
function changeImg() {
var imgs = document.getElementsByTagName("img");
var randomIndex = Math.floor(Math.random() * imgs.length);
var randomImg = imgs[randomIndex];
randomImg.src = "newImg.jpg";
}
```
在每次调用changeImg函数时,会随机获取一个img标签,并将它的src属性修改为"newImg.jpg",从而实现在表格中动态显示不同的img。
阅读全文