如何通过将光标移到DIV上来修改DIV内的图像

<div id="myDiv">
  <img src="image.jpg" alt="My Image">
</div>

var div = document.getElementById("myDiv");
div.addEventListener("mouseover", function(event) {
  // 在这里执行修改图像的操作
});

var div = document.getElementById("myDiv");
div.addEventListener("mouseover", function(event) {
  var image = div.querySelector("img");
  image.setAttribute("src", "new_image.jpg");
});

var div = document.getElementById("myDiv");
div.addEventListener("mouseout", function(event) {
  var image = div.querySelector("img");
  image.setAttribute("src", "image.jpg");
});