js里的style.display的应用 大学生

遇到的现象和发生背景，请写出第一个错误信息

js中运用style.display无法正常使用

用代码块功能插入代码，请勿粘贴截图。 不用代码块回答率下降 50%

 <div class="detail1">&nbsp;&nbsp;&nbsp;感染新冠后的头疼，临床表现为一侧或双侧枕部持续性钝痛，并伴阵发性加剧，可向头顶或外耳部放射</div>
    <script>
        var head=document.getElementById("head");
        var detail1=document.getElementsByClassName("detail1");
        head.onmouseover=function(){
            detail1.display="block"
        }
        head.onmouseout=function(){
            detail1.style.display="none";
        }
        
    </script>

运行结果及详细报错内容

我的解答思路和尝试过的方法，不写自己思路的，回答率下降 60%

detail1是我想要让它在鼠标经过的时候显示出来然后再鼠标拿掉之后消失的内容。为什么会一直报这样的错

我想要达到的结果，如果你需要快速回答，请尝试 “付费悬赏”

var detail1=document.getElementsByClassName("detail1")[0] 即可

代码贴出来看看

木有display这个属性呀