js鼠标事件切换表格单元格背景色

最新推荐文章于 2024-04-13 15:50:45 发布

zhituji

最新推荐文章于 2024-04-13 15:50:45 发布

阅读量1k

点赞数

分类专栏： JavaScript 文章标签： javascript

JavaScript 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

 <table width="750" border="0" cellspacing="1" cellpadding="0" bgcolor="#666666">
  <tr>
    <td height="30" bgcolor="#FFFFFF"> </td>
    <td height="30" bgcolor="#FFFFFF"> </td>
    <td height="30" bgcolor="#FFFFFF"> </td>
    <td height="30" bgcolor="#FFFFFF"> </td>
    <td height="30" bgcolor="#FFFFFF"> </td>
  </tr>
  </table>

<script type="text/javascript">
var tds = document.getElementsByTagName('td');

for (var i = 0; i < tds.length; i++) {
	
    tds[i].onmouseover = function() {

        this.style.background = '#FC0';

    }

    tds[i].onmouseout = function() {

        this.style.background = '#fff';

   }

}

</script>

这里特别写一下，需要注意js应在html之后，否则运行会没有效果，这是渲染方面的问题。因为这个问题，页面一直没有得到理想效果，纠结了一天才发现。