在另一個元素的鼠標懸停時更改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。