Javascript 如何替换图像？（JS）

如何替换图像？标签没有id

      <img src="URL_1"   />

我想将URL\u 1替换为URL\u 2

---

有什么解决办法吗？

首先，给你的图像一个ID

Html代码

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

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

或不使用Jquery

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

---

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

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

如果您不知道URL，并且可以使用id，则可能是：

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

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

document.getElementById（“id”）.src=“URL_2”；

假设这是页面中唯一的图像，您可以使用引用元素并编辑其

src

属性：

document.getElementsByTagName（'img'）[0]。src='URL\u 2'

更合适的是，您可以使用CSS选择器将更多细节作为元素的目标：

document.querySelectorAll（'img'）[0].src='URL\u 2'

给它一个ID

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

---

如果你不能添加

id

或

class

，也许你可以用

div

包装你的

img

标签，并使用更具体的

div.myclass img

，我看到的最后一个解决方案是，如果你知道

URL\u 1

，你可以通过选择器选择这个

img[src=“URL\u 1”

？在搜索“如何选择没有ID的元素”和“如何更改img的src”时，您可以找到很多结果。我无法添加ID:（不起作用：（（我知道img URL，但无法添加元素ID:）将URL括在选择器中的

”

中查看此->有什么问题？请尝试此

文档。querySelector（'img[src=“URL\u 1]”）

@KubaHon您能添加一个类吗？

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