如何使用 span 标签更改 img src 值答案

【问题标题】：How to change img src value using span tag如何使用 span 标签更改 img src 值
【发布时间】：2021-07-19 07:00:40
【问题描述】：

它将输出为

03n

所以我想将 img src 更新为

<img src="http://openweathermap.org/img/w/**span_value_shoud_be_there**.png"/>

我尝试了几种这样的方法

<img src="http://openweathermap.org/img/w/<span id='icon'></span>.png"

但我无法得到解决方案。欣赏你的回答谢谢

【问题讨论】：

您的问题不清楚。请更详细地解释问题所在，并附上minimal reproducible example
图片src在页面加载openweathermap.org/img/w/.png上是不是完全一样？如果是这样：href=$('img').attr('src').replace('.png',txt+'.png');$('img').attr('src',href); txt 是您已经从图标中获得的 var...
@sinisake 你能解释一下吗

【解决方案1】：

我使用波纹管函数获取跨度标记值

使用带有参数的 jQuery text() 将文本设置为该参数值。您应该在不指定参数的情况下使用它来获取<span> 的文本。将该文本存储在变量中，并相应地设置图像的 src 属性。

let text = $('#icon').text();
yourImg.src = `http://openweathermap.org/img/w/${text}.png`

【讨论】：

【解决方案2】：

在 vanilla Javascript（不是 jQuery）中，如果你有一个图像元素：

<img class="my-image" src="" />

如果您想为该图像的src 属性赋予一个值，您可以使用：

<script>

  const myImage = document.getElementsByClassName('my-image')[0];      
  myImage.setAttribute('src', '[VALUE HERE]');

</script>

进一步阅读：

【讨论】：