如何替换图像?(JS)

Question

如何替换图像？标记没有 ID。

      <img src="URL_1"   />

我想将URL_1替换为URL_2

一些解决方案？

Answer 1

如果您知道可以使用的网址

document.querySelector('img[src="URL_1"]').src = "URL_2";

如果您不知道 URL 并且可以使用 id，那么就是这样：

<img id="id" src="URL_1" />
document.getElementById("id").src = "URL_2";

Answer 2

假设这是页面中唯一的图像，您可以使用Element.getElementsByTagName()引用该元素，并编辑其src属性：

document.getElementsByTagName('img')[0].src = 'URL_2'

选择器 API 更合适，因为您可以使用 CSS 选择器以更多详细信息定位元素：

document.querySelectorAll('img')[0].src = 'URL_2'

Answer 3

如果您无法添加id或class也许您可以使用div包装img标签并使用更特异性div .myclass img，我看到的最后一个解决方案是，如果您知道URL_1可以通过选择器选择此img标签： img[src="URL_1"]

Answer 4

给它一个身份证

<img id="img1" src="URL_1"   />

然后

document.getElementById('img1').setAttribute('src', 'URL_2');

Answer 5

首先，为您的图像提供一个 ID

网页代码

<img id="my_image" src="URL_1"/>

J查询代码

$("#my_image").attr("src","URL_2");

或者不使用Jquery

document.getElementById("my_image").src="URL_2";