javascript - 如何使用 span 标签更改 img src 值

Question

• 我想使用span 标签元素更改img src值
• 我已经获得 span 标签的值，但我找不到更改 img src 值的方法
• 问题是嵌入在 img src 中的 span 标签
• 完成所需的 src 链接 span id 值

---

• 我使用波纹管功能获得跨度标签值

  $('#icon').text(data.icon);

它将输出为

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"

但我无法得到解决方案。感谢您的回答谢谢

标签： javascripthtmljqueryimage

Answer 1

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

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

并且您想给该图像的src属性一个值，您可以使用：

<script>

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

</script>

---

延伸阅读：

• https://developer.mozilla.org/en-US/docs/Web/API/Element/setAttribute