實戰(zhàn)方法,用js修改img的src
業(yè)務(wù)中有一個需求,使用JS更改某img的src,在網(wǎng)絡(luò)上找了些方法。
網(wǎng)絡(luò)上的方法:
核心代碼
<img id="myImage" src="compman.gif">
document.getElementById("myImage").src="hackanm.gif";
例子:

可刷新本頁重復(fù)體驗效果
實戰(zhàn)
但在實際情況中,我們的代碼結(jié)構(gòu)可能是這樣的:
<div class="logo">
<h1>
<a rel="home" href="#">
<img src="https://n.getimg.net/www/2020/12/392949.png">
</a>
</h1>
</div>
這是一個經(jīng)典的LOGO結(jié)構(gòu),這個時候,我們沒有ID了,該咋辦呢?
這個時候,我們可以用document.querySelector
方法,如下:
document.querySelector(".logo h1 img").src = "#";