超级难题：Table表格自动填充排版的问题（曾经看到微软的一个效果）

o = document.getElementsByTagName("TABLE")
for(i=0;i<o.length;i++)
{//想做什么就写这里吧
}

解决方案 »

  1.   

    个该贴有更详细得讨论http://www.51js.com/viewthread.php?fpage=2&tid=26245但是还不能满足。
      

  2.   

    给你个例子，参考一下，所用的技术是一样的
    <html>
    <head>
    <title>remove and add row</title>
    <script type="text/javascript">
         var inputCount = 0;
         function addLine() {
              var objSource = window.event.srcElement;
              var currentTR, currentTD, currentSelect, temp;          //set row number
              inputCount++;
      
              //here we will delete the line 
              while ( (objSource = objSource.parentElement)  && objSource.tagName !="TBODY");
      
              //add the tr to the table
              currentTR = objSource.insertRow();
              currentTD = currentTR.insertCell();
              currentTD.innerHTML = "<input type='text' size='10' name='items_"+inputCount+"' value=" + inputCount+ ">";
              currentTD = currentTR.insertCell();
              currentTD.align='left'
              currentTD.innerHTML = "<input type='text' size='10' name='value_0' >";
              currentTD = currentTR.insertCell();
              currentTD.innerHTML = "<input type='Button' onclick='removeLine()' value='Delete this line'>";
         }     function removeLine() {
              var current = window.event.srcElement;
       
              //here we will delete the line 
              while ( (current = current.parentElement)  && current.tagName !="TR");
      alert(current.tagName);
                   current.parentElement.removeChild(current);
         }     
    </script></head><body><table bgcolor="#ffffff" border=0 cellspacing=1 cellpadding=3 id="myTable">
         <tr  valign=top>
              <th>
                   <br/>
                   <input type="button" onclick="addLine()" value="add a row">
              </th>
              <th>
              </th>
              <th>
                   <br />
              </th>
         </tr>
         <tr valign=top>
              <td>
                   <input type="text" size="10" name="items_0" value="0"><br />
              </td>
              <td >
                   <input type="text" size="10" name="value_0">
              </td>
              <td>
                   <input type="Button" onclick="removeLine()" value="Delete this line"><br />
              </td>
         </tr>
    </table></body>
    </html>