如何使用Prototype突出显示表格行？

我如何使用Prototype库并创建不显眼的javascript来将onmouseover和onmouseout事件注入每一行,而不是将javascript放在每个表行标记中？

使用Prototype库(而不是mootools,jQuery等)的答案将是最有帮助的.

    

        
Foo
Bar
        
Bork
Bork

    

您可以使用Prototype addClassName和removeClassName方法.

创建一个CSS类"hilight",你将应用于高亮度的.然后在页面加载上运行此代码:

var rows = $$('tbody tr');  
for (var i = 0; i < rows.length; i++) {  
    rows[i].onmouseover = function() { $(this).addClassName('hilight'); }  
    rows[i].onmouseout = function() { $(this).removeClassName('hilight'); }  
}