在带有 class 的链接下抓取 img 标签

Question

所以我有一个需要更改的 img，我现在无法访问 html，所以只需要使用 css 即可

结构是

<a href="afd.com" class="imgfile">
  <img src = "adsfasd">
</a>

我需要更改img的src，但我不确定如何抓取它。 我在 chrome 中尝试了“通过选择器抓取元素”，但这并不完全有效。

一旦我抓住它，我就会做类似的事情

var image = document.querySelector(".example");
image.src = "image1.jpg"

注意，没有 jquery

Answer 1

您可以 select 就像querySelector中的 CSS

 const image = document.querySelector("a.imgfile img"); image.src = "https://source.unsplash.com/random/200x150";

 <a href="afd.com" class="imgfile"> <img src="adsfasd" /> </a>