javascript - 如何简化Javascript中的事件处理？

Question

这可能是一个非常简单的问题。您如何合理地简化此出色代码？我将添加更多的事件处理程序和列表项，我不敢相信，这是唯一的“解决方案”。我是javascript新手(但不是编程人员)。

    function MouseOver(elem)
    {
    elem.style = "font-weight:800;";
    }

    function MouseOut(elem)
    {
    elem.style = "font-weight:100;";
    }
...
    <ul class="signs_UL" style="color:#039">
        <li class="signs_LI" onmouseover="MouseOver(this);" onmouseout="MouseOut(this);">G</li>
        <li class="signs_LI" onmouseover="MouseOver(this);" onmouseout="MouseOut(this);">D</li>
        <li class="signs_LI" onmouseover="MouseOver(this);" onmouseout="MouseOut(this);">DD</li>
        <li class="signs_LI" onmouseover="MouseOver(this);" onmouseout="MouseOut(this);">Dzw</li>
        <li class="signs_LI" onmouseover="MouseOver(this);" onmouseout="MouseOut(this);">Do</li>
        <li class="signs_LI" onmouseover="MouseOver(this);" onmouseout="MouseOut(this);">Gkomb</li>
        <li class="signs_LI" onmouseover="MouseOver(this);" onmouseout="MouseOut(this);">DGkomb</li>
        <li class="signs_LI" onmouseover="MouseOver(this);" onmouseout="MouseOut(this);">DGkonf</li>
        <li class="signs_LI" onmouseover="MouseOver(this);" onmouseout="MouseOut(this);">DGkont</li>    
    </ul> 

非常感谢

Answer 1

如果您想做的所有事情都与样式有关，则应使用CSS而不是javascript:

ul.signs_UL li {
    font-weight: 100;
}

ul.signs_UL li:hover {
    font-weight: 800;
}

将鼠标悬停在signs_UL列表中的任何列表项上时，将自动更改字体粗细。