比较棘手的问题

<style>
.trOdd{background-color:#cccccc}
.trEven{background-color:#ffffff}
</style>
<SCRIPT LANGUAGE="JavaScript">
<!--
function add()
{
    var oTable = document.all.table1;
    var oTr = document.createElement("tr");
    var oTd1 = document.createElement("td");
    var oTd2 = document.createElement("td");
    var oTd3 = document.createElement("td");
    oTd1.innerText = "1";
    oTd2.innerText = "2";
    oTd3.innerText = "3";
    oTr.appendChild(oTd1);
    oTr.appendChild(oTd2);
    oTr.appendChild(oTd3);
    oTable.children[0].appendChild(oTr);
    setRowColor(oTable,'trEven','trOdd')
}function setRowColor(oTable,evenClass,oddClass)
{
    resetTableColor(oTable);
    for(var i=1; i<oTable.rows.length; i++)
    {
        if(i % 2 == 0)
            oTable.rows[i].className = evenClass;
        else
            oTable.rows[i].className = oddClass;
    }
}
function resetTableColor(oTable)
{
    for(var i=1; i<oTable.rows.length; i++)
    {
        oTable.rows[i].className = "";
        for(var j=0; j<oTable.rows[i].cells.length; j++)
            oTable.rows[i].cells[j].className = "";
    }
}
//-->
</SCRIPT>
</HEAD><BODY onload="setRowColor(table1,'trEven','trOdd')">
<TABLE width="50%" cellspacing="0" id="table1" border=1>
<TR>
<TD>1</TD>
<TD>2</TD>
<TD>3</TD>
</TR>
<TR>
<TD>1</TD>
<TD>2</TD>
<TD>3</TD>
</TR>
</TABLE>
<p>
<input type=button value=add onclick="add()">
</BODY>

解决方案 »

  1.   

    <table id="table1" width="24%" border="1" cellspacing="0" cellpadding="0">
      <tr> 
        <td bgcolor="#FFFF00">1</td>
        <td bgcolor="#FFFF00">aaaa</td>
      </tr>
      <tr> 
        <td bgcolor="#00FFFF">2</td>
        <td bgcolor="#00FFFF">bbbb</td>
      </tr>
      <tr> 
        <td bgcolor="#FFFF00">3</td>
        <td bgcolor="#FFFF00">cccc</td>
      </tr>
    </table>  <input type="button" name="Submit" value="add" onClick="add();">
    <script language="JavaScript" type="text/JavaScript">
    var i=0;
    function add(){
    var tab1 = document.all("table1");
    var newrow = tab1.insertRow();
      for(i=0;i<2;i++){
        var newcell = newrow.insertCell();
    //alert(newrow.innerHTML);
          }
    if(tab1.rows.length%2==1){
    newrow.cells(0).innerHTML = "<td bgcolor=\"#FFFF00\">"+tab1.rows.length+"</td>";
    newrow.cells(1).innerHTML = "<td bgcolor=\"#FFFF00\">abcdefghikl</td>"
    }
    else{
    newrow.cells(0).innerHTML = "<td bgcolor=\"#00FFFF\">"+tab1.rows.length+"</td>";
    newrow.cells(1).innerHTML = "<td bgcolor=\"#00FFFF\">bdfsdfd</td>"
    }
    }
    </script>