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

Question

我有一个 div 标签，其中包含从 if 语句中随机选取的图像。我的图像 src 位于通过主题排序的许多不同数组中。我遇到的困难是单击我的 go 按钮时图像发生变化我希望 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";