Javascript 如何更改此html标记中的src。我想将src更改为其他内容

我想更改src，如何使用documents.getElementsByClassName更改此src。

试试这个

<div class="logo">
  <a href="somelink.com">
     <img src="someimage.png">
   </a>
 </div>

并在img元素中添加“img_ad”类

document.getElementsByClassName('img_ad')[0].src ='your source'

---

您可以为

img

标记一个id并使用：

<div class="logo">
  <a href="somelink.com">
     <img class="img_ad" src="someimage.png">
   </a>
 </div>

或：

将ID添加到

（示例：

ID=“myImage”

）中，并在JavaScript中使用以下命令：

---

您不能使用

GetElementsByCassName

，因为您没有任何与之关联的类

但是，您可以使用

querySelector

获取div的类，并以这种方式找到子级。因此，使用此html：

document.querySelector("#someid").src = "path/to/src";

• .logo

  这是要查找的类

• img

  这是

  .logo

  • 因为没有

    >

一旦获得该图像，我们将新的

src

设置为其他内容，浏览器将自动加载新图像（假设它存在）

document.querySelector("#someid").src = "path/to/src";

document.getElementById("myImage").src = "newImage.png";

<div class="logo">
 <a href="somelink.com">
    <img src="someimage.png">
  </a>
</div>

let img = document.querySelector('.logo img')
img.src = '/path/to/new/image.png'