다른 요소의 마우스 오버시 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'" ... 

당신은 그 값이 MCid 속성을 가진 요소를 "찾아"이런 식으로, 그 요소에 작용한다. 다시 생각해 보면 요소에는 고유 한 ID가 있어야합니다.