如何使用外部JavaScript在鼠标悬停时显示div/元素？

我的div是嵌套的，因此我知道如果某个元素已隐藏，则无法显示该元素。我想在鼠标悬停在html中的另一个元素（h1）上时显示信息（p1），我已经在JavaScript中将我的段落1样式设置为“无”，现在我需要它重新显示，我已经尝试了以下代码以尝试使其重新显示

document.getElementById（“1”）.onmouseover.style.display=“block”

但没有成功

---

有几件事。首先，在问题中加入实际代码，而不是屏幕截图。如果我们无法重现您的问题，通常很难仅从图片中排除故障

接下来，您可能会更加熟悉语法，因为

p1

不是有效的HTML元素

然后，尽量不要太依赖javascript，将演示文稿的内容保留在合成器线程上。下面是一个不使用javascript就能实现目标的示例。希望它能有所帮助，干杯

p{
显示：无；
}
h1：悬停+p{
显示：块；
}

将鼠标悬停在我身上
偷看一个BOO！

是的，这在没有javascript的情况下是可行的，但由于问题是如何使用它，希望这有助于OP走上正确的轨道

  <div id="bioBlock" style="display:none">
    <h2 id="1">
      Cameron Lodge
    </h2>
    <p1 id="para">Im an avid learner of anything computers....</p1>
  </div>

  function showBioBlock() {
    document.getElementById("bioBlock").style.display = "block";
  }

卡梅隆酒店
我热衷于学习任何计算机。。。。
函数showBioBlock（）{
document.getElementById（“bioBlock”）.style.display=“block”；
}

---

这将调用一个函数，该函数在鼠标进入和离开元素时切换段落的样式。它假定您的h1和p标记上都有id，在我的示例myH1和myP中分别为。请在此添加代码示例从不发布代码图像。我们无法从图像复制和粘贴文本。

 document.getByElementId("myH1").onmouseover = function(){
    displayH1("myP");
}
document.getByElementId("myH1").onmouseout = function(){
    displayH1("myP");
}

function displayH1(myId){
    if(document.getByElementId(myId).style.display == "block"){
        document.getByElementId(myId).style.display = "none";
    }else{
        document.getByElementId(myId).style.display = "block";
    }

}