Javascript 当鼠标悬停在整个网页中的某个元素上时，如何更改具有某个id的div的css？

假设有一个id为“hello”的div。它有一个特定的css，比如display:none；。我希望它更改为显示：block；每当鼠标悬停在某个元素（如li）上时，无论该元素在网页中的何处，无论该元素与什么类或id、css或javascript关联，无论该元素位于什么容器中，无论该容器的id或类是什么，无论它是否位于另一个元素（如p中的li）中，是否有另一个元素在它里面，比如一个p在一个li里面，等等

只要它是在网页上，我希望它克服所有的障碍，绝对永远工作

---

但是我无法计算出这个jquery，因此请提前帮助我，谢谢。

让我们假设这是您的

元素：

<div id="myDiv" style="width:100px; height:100px; background:#AAAAAA">
  <!-- Your div content here -->
</div>

现在您必须添加以下javascript：

// Change color of div on hover
function hover() {
  document.getElementById('myDiv').style.background = "#FFAAAA";
}

// Return the color back to original when the mouse leaves the li
function retorg() {
  document.getElementById('myDiv').style.background = "#AAAAAA";
}

var lists = document.getElementsByTagName('li');
// Add event handlers to the li elements
for (var i = 0; i < lists.length; i++) {
  lists[i].addEventListener("mouseover", hover);
  lists[i].addEventListener("mouseout", retorg);
}

//悬停时更改div的颜色
函数hover（）{
document.getElementById（'myDiv'）.style.background=“#ffaaa”；
}
//当鼠标离开li时，将颜色恢复为原始颜色
函数retorg（）{
document.getElementById（'myDiv'）.style.background=“#AAAAAA”；
}
var list=document.getElementsByTagName（'li'）；
//向li元素添加事件处理程序
对于（变量i=0；i

不，这不是我想要的。您如何确定要悬停的“特定元素”？