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

Question

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

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

Answer 1

您不能使用 getElementsByClassName，因为您没有任何与之关联的类。

但是，您可以使用 querySelector 并获取 div 的类并以这种方式找到子项。因此，使用这个 html:

<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'

• .logo 这是要查找的类
• img 这是 .logo 的子元素
  • 它不必是直接子代，因为没有 >

获得该图像后，我们将新的 src 设置为其他内容，浏览器将自动加载新图像(假设它存在)。