如何更改图像元素的内容？答案

【问题标题】：How to change content of image elements?如何更改图像元素的内容？
【发布时间】：2017-05-06 07:22:15
【问题描述】：

如何更改图像元素的内容，类似于更改 p（HTML 段落）元素中的内容？（参考：http://www.w3schools.com/jquery/html_html.asp）

我想在图像的默认轮播视图旁边有一个分散+排序效果按钮，当单击该按钮时，您可能已经猜到了，它会在文具模板中分散和排序。

此外，当单击“分散+排序”和“轮播”视图之间切换时，按钮会发生变化。

我打算做的是遵循与 Jennifer Dewalt 类似的方法，每天一个项目持续 180 天，除了我在不确定的时间段内做 100 个项目。

更新：我有一个显示图像的按钮，但图像容器（轮播）仍在页面上，并且在单击按钮时不会消失。此外，在单击按钮之前，图像在屏幕左上角显示为不可用。

更新 2： 我正在调查的内容：https://www.w3schools.com/css/css3_animations.asp。动画迭代计数为 1。我在想，如果可能的话，用 css 重写容器类（轮播）然后将代码拉入 html 文件中，这样我就可以操作容器中的元素。

【问题讨论】：

如何更改图像元素的内容，类似于更改 p（HTML 段落）元素中的内容？ 你不会因为img 元素不会/不能'没有像p 元素那样的内容。对于img，您需要在适当的时候修改其src 属性值。
你的意思是，“你不能”，因此我说“类似于”。是否有通过单击按钮修改 img src 值的已知方法？以及在单击时更改按钮？
是的，您绝对可以使用一些 jQuery 更改 src 值和单击按钮。
这个过程和一个段落的处理方式并不相似，这就是为什么我按照我的方式回答的原因。这个过程很简单，我在上面解释过。点击按钮时修改src属性。
@DanielD JQuery 几乎不需要这种基本操作。你能用吗？当然。你需要吗？没有。

【解决方案1】：

document.getElementById("myImg").setAttribute("src", "my-new-image-source.jpg");

【讨论】：