Javascript 为什么第二个事件侦听器不工作？

因此，代码的第一部分创建了一个按钮，单击该按钮时，会显示一个图像。然而，代码的第二部分应该使图像在悬停时变大，但它似乎不起作用。我把这条鳕鱼穿过控制台，它什么也没给我。有什么想法吗

  var button = document.getElementById("image");
var image = document.createElement("img");

button.addEventListener("click", function() {

    image.setAttribute("src", "https://www.w3schools.com/css/trolltunga.jpg");
    image.setAttribute("height", "400");
    image.setAttribute("width", "500");
    document.body.appendChild(image);
});

image.addEventListener("mouseover", function(){
    image.style.width = "700";
    image.style.height = "700";
})

---

这个想法是正确的，但是也可以使用setAttribute作为图像大小：

// Code goes here
window.onload = function() {
var button = document.getElementById("image");
var image = document.createElement("img");

  button.addEventListener("click", function() {
      image.setAttribute("src", "https://www.w3schools.com/css/trolltunga.jpg");
      image.setAttribute("height", "400");
      image.setAttribute("width", "500");
      document.body.appendChild(image);
  });

  image.addEventListener("mouseover", function(){
      image.setAttribute("width", "700");
      image.setAttribute("height", "700");
  });
};

您可以在此

中自己尝试，正确的事件名称是。