使用javascript而不是css添加链接悬停颜色

我在网站上的几行文本中使用了typeface.js，因为我在所有浏览器中都无法使用所需的字体。使用常规的a:hover或类似的CSS是无效的，但我已经设法删除了下划线。

我正在寻找一种在js中实现这一点的方法，并尝试了这个论坛提供的方法，尤其是这个。

我对js还不太熟悉，但要尽我最大的努力。感谢您的任何帮助，如果您有其他建议，我愿意接受！

手风琴菜单的HTML

<div class="mH"
onclick="toggleMenu('menu1')">PORTFOLIO</div>
<div id="menu1" class="mL">
<a class="mO" href="pages/portraits.html">portraits</a>
<a class="mO" href="pages/thezoo.html">the zoo</a>
</div>
<div class="mH"
onclick="toggleMenu('menu2')">COMMERCIAL</div>
<div id="menu2" class="mL">
<a class="mO" href="pages/video.html">video</a>
<a class="mO" href="pages/photography.html">photography</a>
<a class="mO" href="pages/designillustration.html">design & illustration</a>
</div>
<div class="mH"
onclick="toggleMenu('menu3')">TRAVEL</div>
<div id="menu3" class="mL">
<a class="mO" href="pages/tanzania.html">tanzania</a>
</div>
</div> 

手风琴菜单的JS
function toggleMenu(objID) { if (!document.getElementById) return; var ob = document.getElementById(objID).style; ob.display = (ob.display == 'block')?'none': 'block'; }