我怎样才能替换图像？ （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'

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

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

Answer 3

如果您无法添加id或class，则可以将img标记包含div并使用更具体的{{1} }，我看到的最后一个解决方案是，如果您知道div .myclass img，则可以通过选择器选择此URL_1标记：img

Answer 4

首先，为您的图片提供ID

Html代码

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

Jquery代码

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

或不使用Jquery

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

Answer 5

给它一个ID

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

然后

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