点击变换单元格颜色

最新推荐文章于 2022-09-07 18:35:18 发布

dotnet90

最新推荐文章于 2022-09-07 18:35:18 发布

阅读量1k

点赞数

分类专栏： Javascript/前端开发文章标签： javascript table border function class html

本文链接：https://blog.csdn.net/dotnet90/article/details/968701

版权

Javascript/前端开发专栏收录该内容

36 篇文章

订阅专栏

<HTML>
<HEAD>
<style>
table.columnManager{font-size:12px;
width:100%; height:20px; border-top=1px solid #6699cc; padding:0px; padding-left:0px; cursor:hand;background:#eeeeee;}
</style>
<SCRIPT>
function switchManaUI( obj )
{
    window.event.srcElement.bgColor = "#21d7e2";
    var oCols = window.event.srcElement.parentElement.parentElement.parentElement.cols;
    var oTable = window.event.srcElement.parentElement.parentElement.parentElement;
    for( i=0;i< oCols ;i++)
    {
      if( oTable.children[0].children[i].children[0] == window.event.srcElement )
      {

      }
      else
      {
          document.getElementById( oTable.children[0].children[i].children[0].id ).bgColor = "";
      }
    }
}
</SCRIPT>
</HEAD>
<BODY >
<table border="1" cellpadding="0" cellspacing="0" class="columnManager" COLS=5 ID="Table1">
       <tr>
        <td id="columnManager" onClick="javascript:switchManaUI('3');" name="sysManager">栏目管理</td>
       </tr>
       <tr>
        <td id="orgManager" onClick="javascript:switchManaUI('1');" name="sysManager">组织机构管理</td>
       </tr>
       <tr>
        <td id="roleManager" onClick="javascript:switchManaUI('0');" name="sysManager">
         角色管理</td>
       </tr>
       <tr>
        <td id="quanxianManager" onClick="javascript:switchManaUI('2');" name="sysManager" >权限管理</td>
       </tr>
       <tr>
        <td id="DictManager" onClick="javascript:switchManaUI('5');" name="sysManager">数据字典管理
        </td>
       </tr>
      </table>
</body>
</html>