javascript实现表格鼠标移到行上切换背景色

最新推荐文章于 2020-12-21 15:53:04 发布

weixin_33862514

最新推荐文章于 2020-12-21 15:53:04 发布

阅读量125

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/libingql/archive/2013/03/17/2964119.html

本文介绍了一段使用JavaScript实现表格行鼠标悬停时自动高亮显示的效果。通过简单的JavaScript代码，可以为网页表格增加交互性，提升用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<script type="text/javascript">
    var rows = document.getElementByTagName("tr");
    for(var i = 0; i < rows.length; i++){
        rows[i].onmouseover = functioon(){
            this.className += 'altrow';
        }
        rows[i].onmouseout = functioon(){
            this.className = this.className.replace( 'altrow','');
        }
    }
</script>