如何在单击按钮时更改图像？

Question

我有一个div标签，用于保存从if语句中随机拾取的图像。 我的图像src是通过主题排序的许多不同的数组。我遇到困难的是当点击我的按钮时图像发生变化我希望if语句重复从另一个主题给出一个新图像，我在这里错过了一些简单的东西吗？我相当新的JavaScript，所以任何帮助将不胜感激。

Answer 1

主要问题似乎是您尝试替换现有图像的方式。

document.write = image;

上一行用您的图片标记替换原生document.write函数，显然不是您想要的。

无需重新编写所有代码，您可以做的是找到包含图片的div并将innerHTML属性替换为image变量的内容

document.getElementById('div_that_hold_the_image').innerHTML = image;

请注意，如果该div包含其他子项，则会将其全部删除

我强烈建议您阅读有关JavaScript的更多信息。即使你的代码运行起来很困难，也会有很多问题需要解决。

例如，您不应该依赖全局变量来传递数据，在将它分配给变量之前，您不需要使用()来评估字符串文字。

topic=("Tv Shows");可以是topic = "Tv Shows";