当鼠标移到另一个元素上时，更改span元素的CSS类

Change the CSS class of a span element on mouseover of another element

本文关键字：元素更改 span CSS 鼠标另一个更新时间：2023-09-26

我试图改变一个span元素的css类时，另一个元素悬停。你们应该明白我的意思。加载你的Facebook，将鼠标悬停在主要的新闻feed帖子上，右上方就会出现一个向下的小箭头。

这就是我想要创建的效果。到目前为止，我有:

<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。

您的on..事件处理程序没有MC是什么的概念。试试这样:

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

这样，您"查找"具有id属性的元素，其值为MC，然后对该元素进行操作。需要提醒的是，元素必须有唯一的id。