Javascript XMLHttpRequest鼠标悬停事件侦听器

我正在尝试创建一个网页，将列出每个图片的标题。每次将鼠标悬停在标题上时，相应的图片将显示在标题下方的区域中。标题显示，但当我悬停标题时，它不会显示图像

因为“XMLHTTPRequest”对象很难识别图片。我创建了一个非常简单的网页，其中一行包含

），因此“XMLHTTPRequest”对象将查找HTML页面而不是*.jpg文件。所以在cacao1.html、cacao2.html、cacao3.html和cacao4.html中，有一行

标记

巧克力1、巧克力2、巧克力3和巧克力4是我工作卡的id。

这是我的Javascript

window.addEventListener("load", registerListeners, false);
var asynchrequest;

function registerListeners() {

    var img;
    img=document.getElementById("chocolate1");
    img.addEventListener("mouseover", function () { getContent ("cacao1.html");}, false);
    img.addEventListener("mouseout", clearContent, false);
    img=document.getElementById("chocolate2");
    img.addEventListener("mouseover", function () { getContent("cacao2.html");}, false);
    img.addEventListener("mouseout", clearContent, false);
    img=document.getElementById("chocolate3");
    img.addEventListener("mouseover", function () { getContent("cacao3.html");}, false);
    img.addEventListener("mouseout", clearContent, false);
    img=document.getElementById("chocolate4");
    img.addEventListener("mouseover", function () { getContent("cacao4.html");}, false);
    img.addEventListener("mouseout", clearContent, false);
}

function getContent(infopage) {

        asynchrequest= new XMLHttpRequest();
        asynchrequest.onreadystatechange = function() {
    if (asynchrequest.readyState == 4 && asynchrequest.status == 200) {
      document.getElementById("info").innerHTML = asynchrequest.responseText;
    }
  };
  asynchrequest.open("GET", infopage, true);
  asynchrequest.send();
}


function clearContent() {

    document.getElementById("info").innerHTML="";

}

---

浏览器开发人员工具控制台中是否有错误？@JaromandaX 1）未声明HTML文档的字符编码。如果文档包含US-ASCII范围之外的字符，则在某些浏览器配置中，文档将呈现乱码文本。2） 页面的字符编码必须在文档或传输协议中声明。Chocolate.html XML分析错误：未找到根元素位置：file:///C:/Users/791894/Desktop/CPRG256_%20%20Website%20Development/CPRG256_Lab10/PartA/cacao3.html 第1行，第47列：你能在问题中，而不是作为评论，发布

cacao3.html

这部分的内容吗，我认为他们更适合使用JS…@JaromandaX我只有一行代码，浏览器开发人员工具控制台中是否有错误？@JaromandaX 1）HTML文档的字符编码未声明。如果文档包含US-ASCII范围之外的字符，则在某些浏览器配置中，文档将呈现乱码文本。2） 页面的字符编码必须在文档或传输协议中声明。Chocolate.html XML分析错误：未找到根元素位置：file:///C:/Users/791894/Desktop/CPRG256_%20%20Website%20Development/CPRG256_Lab10/PartA/cacao3.html 第1行，第47列：你能在问题中，而不是作为评论，发布

cacao3.html

这部分的内容吗，我觉得他们更适合…@JaromandaX我只有一行