在静态页如a.html 里，里面有一个表格，能不能每单激一个按钮，表格就会加一行，也可以类似效果的

这里有一个以前做过的例子，你copy过去看看吧
<!-- saved from url=(0022)http://internet.e-mail -->
<html>
<head>
<script language=javascript>
  function add() {
      var strHtml = document.all.mytable.innerHTML;
      var table = document.all.mytable;
      var tbody = document.createElement("tbody");
      var row = document.createElement("tr");
      var col0 = document.createElement("td");
      var col1 = document.createElement("td");
      var col2 = document.createElement("td");
      
      col0.appendChild(document.createTextNode("0"));
      col0.setAttribute("rowspan",2);
      alert(col0.getAttribute("rowspan"));
      col1.appendChild(document.createTextNode("fx"));
      col2.appendChild(document.createTextNode("25"));
      row.appendChild(col0);
      row.appendChild(col1);
      row.appendChild(col2);
      tbody.appendChild(row);
      
      var row1 = document.createElement("tr");      var col11 = document.createElement("td");
      var col21 = document.createElement("td");      col11.appendChild(document.createTextNode("fx"));
      col21.appendChild(document.createTextNode("25"));      row1.appendChild(col11);
      row1.appendChild(col21);      //table.appendChild(row);
      tbody.appendChild(row1);
      table.appendChild(tbody);
  }
  
  var count = 0;
  function addRow()
  {
     count++;
     var objTable = document.all.mytable;
     var row1 = objTable.insertRow();
     var col1 = row1.insertCell(0);
     col1.setAttribute("rowspan", 2, 0);
     col1.innerText = count;
     var col2 = row1.insertCell();
     col2.innerHTML = "<input type=text size=20 >";
     var col3 = row1.insertCell();
     col3.innerHTML = "<input type=text size=20 >";
     var row2 = objTable.insertRow();
     var col4 = row2.insertCell();
     col4.innerHTML = "<input type=text size=20 >";
     var col5 = row2.insertCell();
     col5.innerHTML = "<input type=text size=20 >";
  }
  
  function delRow() 
  {
     count--;
     var objTable = document.all.mytable;
     var nRowCount = objTable.rows.length;
     if(nRowCount>2)
     {
         objTable.deleteRow(nRowCount-1);
         objTable.deleteRow(nRowCount-2);
     }
  }
  function trim(str)
  {
      return str.replace(/^\s*|\s*$/g,"");
  }
  function doLoad()
  {
      var s = "      fx   ";
      s = trim(s);
      alert("[" + s + "]");
  }
  var bSetFlag = true;
  function changeColor() 
  {
     var color = "#ffffff";
     for(var i=0;i<document.all.trTarget.cells.length;i++)
     {
         if(bSetFlag) {
             color = getColor(document.all.trColor.cells[i].innerText);
         }
         else {
             color = document.all.trColor.cells[i].innerText;
         }
         document.all.trTarget.cells[i].setAttribute("bgcolor", color, 0);
     }
     bSetFlag = !bSetFlag;
  }
  function getColor(color)
  {
     var rColor = eval("999999-" + color.substring(1));
     return rColor;
  }
 var language = "" if (navigator.language){
    language = navigator.language; 
}
if (navigator.browserLanguage){
    language = navigator.browserLanguage; 
}
if (language == "") {
    language = "en"; 
}
//else{
//    language = language.substring(0,2);
//}
alert(language);
</script>
</head>
<body onload="doLoad()">
<table border=1 >
  <tr id="trTarget">
     <td width="100">td1</td>
     <td width="100">td2</td>
     <td width="100">td3</td>
     <td width="100">td4</td>
  </tr>
  <tr id="trColor">
     <td width="100">#111111</td>
     <td width="100">#222222</td>
     <td width="100">#333333</td>
     <td width="100">#444444</td>
  </tr>
</table>
<table border=1 id="mytable">
  <tr><td rowspan="2" title="Name">NO</td><td width="100">name</td><td width="100">age</td></tr>
  <tr><td width="100">qq</td><td width="100">mail</td></tr>
</table>
<table>
   <tr>
     <td><input type=button value="Add Row" style="width:100px;heigh:50px" onclick="addRow()"></td>
     <td><input type=button value="Del Row" style="width:100px;heigh:50px" onclick="delRow()"></td>
     <td><input type=button value="Change Td bgColor" style="width:150px;heigh:50px" onclick="changeColor()"></td>
   </tr>
</table>
</body>
</html>

解决方案 »

  1.   

    <input type="button" value="添加行" onclick="foo()">function foo(){
      var tblObj = document.getElementById("tableID");
      var row = tblObj.insertRow();
      for(var i=0,l=tblObj.rows[tblObj.rows.length - 1].cells.length;i<l;i++){
        row.insertCell().innerHTML = "&nbsp;"
      }
    }//do like this...
      

  2.   

    一个方法，具体要实现的效里再改一下吧：
    <script language=vbscript>
    sub rock(i)
         eval("document.all.tr"&i).style.display="block"
    end sub
    </script>
    <table border="1">
    <tr><td><button onClick="rock(1)">tr1</button><button onClick="rock(2)">tr2</button><button onClick="rock(3)">tr3</button></td></tr>
    <tr id=tr1 style="display:none">
    <td>1</td>
    </tr>
    <tr id=tr2 style="display:none">
    <td>2</td>
    </tr>
    <tr id=tr3 style="display:none">
    <td>3</td>
    </tr>
    </table>
      

  3.   

    to matrixy(处女主任[走召纟及犭孟男 上厕所不关门,上完不擦P股]) ( ) 
    列中加内容怎么处理
      

  4.   

    //追加行
    function addRow(kbn, col) {
    var tblObj = currentTbl;
    var chkObjs = document.getElementsByName(kbn + suffixDelChkBox);

    if (col == -1) {
    col = tblObj.cols;
    }

    //追加行
    var newRow = tblObj.insertRow();
    newRow.style.display = "";

    var maxObj = document.getElementsByName(kbn + suffixMaxRowCnt)[0];
    var newLineNo = 0;
    if (maxObj != null) {
    newLineNo = parseInt(maxObj.value) + 1; 
    maxObj.value = newLineNo;
    }

    //追加列
    for (colIndex = 0; colIndex < col; colIndex++) {
    var newCell = newRow.insertCell();
    initTblCell(kbn, newCell, newLineNo);
    }
    }//セールを初期化する
    function defaultInitTblCell(kbn, cell, lineNo) {
    if (currentTbl.rows.length > 1) {
    var lastCell = currentTbl.rows[currentTbl.rows.length - 2].cells[cell.cellIndex];
    cell.innerHTML = lastCell.innerHTML;
    if (cell.children != null && cell.children.length > 0) {
    for(childIndex = 0; childIndex < cell.children.length; childIndex++) {
    var child = cell.children[childIndex];
    switch(child.type) {
    case "checkbox":
    child.value = "";
    child.checked = false;
    break;
    case "text":
    case "hidden":
    case "textarea":
    child.value = "";
    break;
    case "select-one":
    if (child.options.length > 0) {
    if (isNengouCombobox(child.name)) {
    child.selectedIndex = child.options.length - 1;
    } else {
    child.selectedIndex = 0;
    }
    }
    case "button":
    break;
    default:
    if (IS_DEBUG) {
    alert(child.type);
    }
    }
    }
    } else {
    cell.innerText = " ";
    }
    cell.className = lastCell.className;
    cell.align = lastCell.align;
    cell.height = lastCell.height;
    }　else {
    cell.className = "table1b3";
    cell.innerText = " ";
    }
    return null;
    }你参考一下，尤其是后面的函数，kbn lineNo你不要考虑，kbn是通用，即别的不同的table也可用，只要table得名字是table + kbn,
      

  5.   

    我的代码里面有：
    col2.innerHTML = "<input type=text size=20 >";
      

  6.   

    后面的函数就是列中加内容怎么处理,当然你要改下
    switch(child.type) {
    case "checkbox":
       child.value = "";
       child.checked = false;
       break;
    case "text":
    case "hidden":
    case "textarea":
       child.value = "";
       break;
    这是初期化,就是如果是  text 就置空白