JavaScript-鼠标移动到哪行哪行变色

最新推荐文章于 2023-12-25 01:50:07 发布

曹学成

最新推荐文章于 2023-12-25 01:50:07 发布

阅读量930

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript JavaScript

本文链接：https://blog.youkuaiyun.com/caoxuecheng001/article/details/80996769

这篇博客介绍了如何使用JavaScript实现当鼠标移到HTML表格的某一行时，该行颜色变化的效果。通过结合HTML、CSS和JavaScript代码，可以创建一个交互式的表格，使得鼠标悬停的行变为黄色。

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

前几天，看晓鸿的博客有一个类似的博客。今天也学习了一下。

HTML：6行4列

<body>
   
    <table border="1" id="tbl">
        <tr>
            <td>
            11111111
            </td>
            <td>
            11111111
            </td>
            <td>
            11111111
            </td>
            <td>
            11111111
            </td>
        </tr>
         <tr>
            <td>
            11111111
            </td>
            <td>
            11111111
            </td>
            <td>
            11111111
            </td>
            <td>
            11111111
            </td>
        </tr>
         <tr>
            <td>
            11111111
            </td>
            <td>
            11111111
            </td>
            <td>
            11111111
            </td>