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

标签 javascript html

我有一个 div 标签,它包含一张从 if 语句中随机选取的图像。 我的图像 src 位于许多按主题排序的不同数组中。我遇到的困难是单击“开始”按钮时图像发生变化 我希望 if 语句重复提供来自不同主题的新图像,我在这里是否遗漏了一些简单的东西?我对 javascript 还很陌生,所以我们将不胜感激。

最佳答案

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

document.write = image;

上一行用您的图像标记替换了 native document.write 函数,这显然不是您想要的。

无需重写所有代码,您可以找到保存图像的 div 并将其 innerHTML 属性替换为您的 的内容图片变量。

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

请注意,如果该 div 包含其他子元素,它们将全部被删除

我强烈建议您阅读更多有关 JavaScript 的内容。即使您的代码很难运行,它也有很多问题需要解决。

例如,您不应依赖全局变量来传递数据,也不需要在将字符串文字赋值给变量之前使用 () 对其求值。

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

关于javascript - 单击按钮时如何更改图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16309907/

相关文章:

javascript - for-in 与没有继承属性的 Object.keys forEach

javascript - Web2py - 如何确定 ajax 后加载控制的结束

html - 在 Firefox 中打印日期选择器时隐藏清除按钮

javascript - 在幻灯片上插入覆盖的 Div

javascript - Prototype JS 框架 - 当定期更新程序发生更新时调用函数

javascript - 我可以打开一个未选择默认选项卡的新窗口(网页)吗

html - 将我的页面分成 2 个垂直列(html 或 css)

javascript - 为什么这个属性是未定义的?

javascript - React es5 与 es6

php - 使添加到购物车按钮适用于简单的网上商店