Javascript 为什么onmouse不停止使用“按类名获取”呢？

我对JavaScript相当陌生，我正在尝试让onmouseover事件将h1标记的颜色更改为红色，并将其更改回黑色onmouseout。我知道有很多更简单的方法可以通过css实现这一点，比如简单地使用悬停样式，但我只是想了解为什么在语法似乎正常的情况下，这一点根本不起作用

老鼠在我身上 document.getElementsByClassNamedemo.onmouseover=函数{mouseOver}； document.getElementsByClassNamedemo.onmouseout=函数{mouseOut}； 功能鼠标盖{ document.getElementsByClassNamedemo[0].style.color=red； } 功能鼠标器{ document.getElementsByClassNamedemo[0].style.color=black； }

---

类引用多个组件，以便添加与鼠标悬停函数调用相同的[0]索引

老鼠在我身上 document.getElementsByClassNamedemo[0].onmouseover=function{mouseOver}； document.getElementsByClassNamedemo[0].onmouseout=function{mouseOut}； 功能鼠标盖{ document.getElementsByClassNamedemo[0].style.color=red； } 功能鼠标器{ document.getElementsByClassNamedemo[0].style.color=black； }