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

可刷新本頁重復(fù)體驗(yàn)效果
實(shí)戰(zhàn)
但在實(shí)際情況中,我們的代碼結(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>
這是一個(gè)經(jīng)典的LOGO結(jié)構(gòu),這個(gè)時(shí)候,我們沒有ID了,該咋辦呢?
這個(gè)時(shí)候,我們可以用document.querySelector
方法,如下:
document.querySelector(".logo h1 img").src = "#";