業務中有一個需求，使用JS更改某img的src,在網絡上找了些方法。

網絡上的方法：

核心代碼

<img id="myImage" src="compman.gif">
document.getElementById("myImage").src="hackanm.gif";

例子：

可刷新本頁重復體驗效果

實戰

但在實際情況中，我們的代碼結構可能是這樣的：

<div class="logo">
<h1>
<a rel="home" href="#">
<img src="https://n.getimg.net/www/2020/12/392949.png">
</a>
</h1>
</div>

這是一個經典的LOGO結構，這個時候，我們沒有ID了，該咋辦呢？

這個時候，我們可以用document.querySelector方法，如下：

 document.querySelector(".logo h1 img").src = "#";

例子