一个表格问题，可能有点难度

滿足條件可以這樣加樣式:
document.all.**.className="myCSS";

解决方案 »

  1.   

    应该可以实现，采用样式中定义HTC，
    .table1 {behavior:url(table.htc);
    }
    在table.htc中定javascript脚本实现按单双行显示不同的颜色
      

  2.   

    定义两个底色不同的class
    在你动态产生表格时
    for ....
    if trCls = class1 then
      trCls=class2
    else
     trCls=class1
    end if
    %>
    <tr class=<%=trCls%> ...
    ...
    next
      

  3.   

    如果所有网页使用了公用的css,无疑在这个css引入htc是最简单的方法。因为无任你有几百个页面你只需要在这一个htc里面编程就可以了
      

  4.   

    实例html文件：
    <html><head><style>
    <!--
    .table1      {  behavior:url(table.htc); }
    -->
    </style>
    </head><body><table class="table1" border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1">
      <tr>
        <td width="25%">　</td>
        <td width="25%">　</td>
        <td width="25%">　</td>
        <td width="25%">　</td>
      </tr>
      <tr>
        <td width="25%">　</td>
        <td width="25%">　</td>
        <td width="25%">　</td>
        <td width="25%">　</td>
      </tr>
      <tr>
        <td width="25%">　</td>
        <td width="25%">　</td>
        <td width="25%">　</td>
        <td width="25%">　</td>
      </tr>
      <tr>
        <td width="25%">　</td>
        <td width="25%">　</td>
        <td width="25%">　</td>
        <td width="25%">　</td>
      </tr>
      <tr>
        <td width="25%">　</td>
        <td width="25%">　</td>
        <td width="25%">　</td>
        <td width="25%">　</td>
      </tr>
      <tr>
        <td width="25%">　</td>
        <td width="25%">　</td>
        <td width="25%">　</td>
        <td width="25%">　</td>
      </tr>
      <tr>
        <td width="25%">　</td>
        <td width="25%">　</td>
        <td width="25%">　</td>
        <td width="25%">　</td>
      </tr>
      <tr>
        <td width="25%">　</td>
        <td width="25%">　</td>
        <td width="25%">　</td>
        <td width="25%">　</td>
      </tr>
    </table></body></html>htc文件：
    <PUBLIC:COMPONENT>
    <public:attach event="oncontentready" onevent="Init()" />
    <SCRIPT language="JScript">//-----------------------------------------------function Init()
    {
    for(i=0;i<element.rows.length;i++){
    if(i%2==0)
    element.rows(i).style.backgroundColor = "#0000FF";
    else
    element.rows(i).style.backgroundColor = "#FF0000";
    }}
    </SCRIPT></PUBLIC:COMPONENT>
      

  5.   

    <html><head><style>
    <!--
    table      {  behavior:url(table.htc); }
    -->
    </style>
    </head><body><table class="table1" border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1">
      <tr>
        <td width="25%">　</td>
        <td width="25%">　</td>
        <td width="25%">　</td>
        <td width="25%">　</td>
      </tr>
      <tr>
        <td width="25%">　</td>
        <td width="25%">　</td>
        <td width="25%">　</td>
        <td width="25%">　</td>
      </tr>
      <tr>
        <td width="25%">　</td>
        <td width="25%">　</td>
        <td width="25%">　</td>
        <td width="25%">　</td>
      </tr>
      </table><table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber2">
      <tr>
        <td width="33%">　</td>
        <td width="33%">　</td>
        <td width="34%">　</td>
      </tr>
      <tr>
        <td width="33%">　</td>
        <td width="33%">　</td>
        <td width="34%">　</td>
      </tr>
      <tr>
        <td width="33%">　</td>
        <td width="33%">　</td>
        <td width="34%">　</td>
      </tr>
    </table>
    <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber3">
      <tr>
        <td width="33%">　</td>
        <td width="33%">　</td>
        <td width="34%">　</td>
      </tr>
      <tr>
        <td width="33%">　</td>
        <td width="33%">　</td>
        <td width="34%">　</td>
      </tr>
      <tr>
        <td width="33%">　</td>
        <td width="33%">　</td>
        <td width="34%">　</td>
      </tr>
    </table></body></html><PUBLIC:COMPONENT>
    <public:attach event="oncontentready" onevent="Init()" />
    <SCRIPT language="JScript">//-----------------------------------------------function Init()
    {
      if(window.document.getElementsByTagName("TABLE")[2]==element){
    for(i=0;i<element.rows.length;i++){
    if(i%2==0)
    element.rows(i).style.backgroundColor = "#0000FF";
    else
    element.rows(i).style.backgroundColor = "#FF0000";
    }
      }}
    </SCRIPT></PUBLIC:COMPONENT>