Javascript Title href在iframe中打开，但img href不是JS

我以前发过一篇帖子，但我没能解决它，但这里有一个代码笔，有我的问题，所以可能有人知道这个问题

这是代码笔： "https://codepen.io/Lossmann/pen/GRrXyQY“

好的，我已经解决了

这只是一个片段，所以点击上面的链接

const title = document.querySelector(".title")
const image = document.querySelector(".image img")

 title.addEventListener('click', (event) => {
    if (event.target.matches('a[href]')) {
      event.preventDefault()
      let url = event.target.getAttribute('href')
      document.getElementById('post').src = url

    }
  })
  image.addEventListener('click', (event) => {
          event.preventDefault()
          let url = event.target.parentNode
          url =  url.getAttribute('href')
   document.getElementById('post').src = url
  })

---

主要的问题是，您需要将click事件函数应用于图像，而不是使用名为image的类的标记。我还将querySelectorAll更改为querySelector，因为您只有一个类的实例。但如果有多个，您可以将其更改回。还为image类添加了样式以覆盖整个图像，因为它在之前没有这样做

您得到了什么错误/没有发生什么事情？带有类名标题的a标记中的href进入iframe，在iframe中显示整个网站，但单击具有相同href的图像时，不会在iframe中打开点击你想要链接在iframe中打开的a标签，而不是打开一个全新的页面？确切地说，只有文本的a标签起作用，而不是图像为什么投反对票？天哪，我已经在这上面做了两天了，向所有在工作的人、朋友等展示了，没有人知道。所有人都说应该行，但你我的朋友让它行了！非常感谢你！