标题href在iframe中打开，但img href不是JS

Question

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

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

Answer 1

好的，我已经解决了代码笔

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

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，因为您只有一个类的实例。但如果有多个，你可以把它改回来。还为图像类添加了样式以覆盖整个图像，因为在之前它没有这样做