在另一个元素的鼠标悬停时更改span元素的CSS类

Question

当另一个元素悬停在上方时，我试图更改span元素的css类。 明白我的意思。 加载您的Facebook并将鼠标悬停在主要新闻源帖子上，并在右上方显示小向下箭头。

那就是我想要创造的效果。 到目前为止，我有：

<li id="unique" class="message"><a href="javascript:void(0)" onMouseOver="(MC.className='messageControls')" onMouseOut="(MC.className='hidden')" onclick="callTheFunction();"></li>

<span id="MC" class="hidden">hksdjhkjsdhfkjhsdkjh</span>

但这是行不通的。 有指针吗？ 我不想使用任何框架/库，例如jQuery。

Answer 1

您的on..事件处理程序不知道什么是MC 。 尝试这样：

... onMouseOver="document.getElementById('MC').className='messageControls'" ...

这样，您可以“查找”具有id属性的元素，其值为MC ，然后对该元素进行操作。 并且作为remdinder，元素必须具有唯一的ID。