實戰方法,用js修改img的src
業務中有一個需求,使用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 = "#";