JS之changeTDBackgroundColor()

最新推荐文章于 2024-06-26 20:37:52 发布

flyever581549

最新推荐文章于 2024-06-26 20:37:52 发布

阅读量1.5k

点赞数

文章标签： border

本文链接：https://blog.csdn.net/flyever581549/article/details/2783572

版权

一、函数说明

 
 /*
  在项目的实际开发中此功能经常用到。
  参数： 
      id:要操作<TD>的id
      color:目标颜色
*/
function changeTDBackgroundColor(id,color)
{
    document.getElementById(id).style.backgroundColor=color;
}
 

二、例程

 
 <html>
    <head>
        <title>test</title>
        <script language=javascript>
            function changeTDBackgroundColor(id,color)
            {
                document.getElementById(id).style.backgroundColor=color;
            }
        </script>       
    </head>
    <body>
        <table width="50%"  border="0" align="center" cellspacing="0">
  <tr bgcolor="#999999">
    <td align="center" id="td1" οnmοuseοver="changeTDBackgroundColor('td1','#cccccc')" οnmοuseοut="changeTDBackgroundColor('td1','#999999')">表头一</td>
    <td align="center" id="td2" οnmοuseοver="changeTDBackgroundColor('td2','#cccccc')" οnmοuseοut="changeTDBackgroundColor('td2','#999999')">表头二</td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
  </tr>
</table>
    </body>
</html>
 