将鼠标悬停在html文章上并更改另一个div的背景

<div id="article">这里是文章内容</div>
<div id="background">这里是背景div</div>

// 获取div元素的引用
var articleDiv = document.getElementById("article");
var backgroundDiv = document.getElementById("background");

// 添加鼠标悬停事件监听器
articleDiv.addEventListener("mouseover", function() {
  // 更改背景div的背景颜色
  backgroundDiv.style.backgroundColor = "red";
});

// 添加鼠标离开事件监听器
articleDiv.addEventListener("mouseout", function() {
  // 恢复背景div的背景颜色
  backgroundDiv.style.backgroundColor = "white";
});