业务中有一个需求，使用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 = "#";

例子