Javascript JS AddEventListener问题

我的目标是从我的书中拿一个例子，在按下按钮时显示不同的书皮。我需要添加的新部分是添加一个事件侦听器，当您将鼠标悬停在图像上时，它会显示书籍的标题

注意**我正在使用title属性来实现在悬停时显示标题，但我必须在已悬停的书本下方显示标题文本

为什么这样不行

         document.addEventListener("mouseover", function(){
document.getElementById("image").innerHTML = title;
});

我已经包括了一个链接到我的网站，因为这将比粘贴所有的代码更容易。一般来说，我对使用DOM和AJAX非常陌生。我不是在寻找任何答案，只是想了解我可能做错了什么

---

我想，你想做的是。为了做到这一点，您有正确的想法来监听父元素，比如

document.addEventListener("mouseover", function(e){ ... });

（您必须捕获事件对象，作为事件侦听器函数的第一个参数传入，我在这里将其命名为

e

）

您要做的是查看

e.target

，它是

mouseover

事件当前指向的

文档中的元素，并使用其
title
属性

document.addEventListener("moveover", function(e) {
    if(e.target && e.target.nodeName == "IMG") {
        document.getElementById("image").innerHTML = e.target.title;
    }
});

这将检查鼠标是否输入了
元素，如果是这样，它将使用
id=“image”
设置元素的
innerHTML
（该元素当前在您的页面中缺失，但我假设您将添加它，或者选择页面上确实存在的另一个id）

如果您以后有其他不希望应用此行为的图像，您可以选择比整个
文档更具选择性的父对象，或者在过滤
If
条件中添加更多条件，如
…&&&e、 target.class==“hover target”
将行为限制为具有特定类的图像。
是一个很好的答案，但我假设您试图使用
document.getElementById（'image'）
将图像元素作为目标，并为其附加标题。此外，我的实现仅对图像元素使用
mouseover事件


var images=document.getElementsByTagName（'img'）；//获取数组中的所有图像节点和存储
对于（var i=0，len=images.length；i







我几乎可以给你一个答案，但我意识到我并不完全理解你想做什么。用通俗易懂的英语，你想改变什么
innerHTML
？没有ID为
image
的元素，因此我有点不知道该代码的高层意图是什么。您是否只需要显示
或其他内容的标题，而您还没有将其添加到页面中？