<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
  <TITLE> New Document </TITLE> 
  <SCRIPT LANGUAGE="JavaScript"> 
  <!-- 
    function $(sId){return document.getElementById(sId);} 
    function sub(){ 
var oTbl = $('otbl');
var oRow = oTbl.insertRow(0);
var oCell = oRow.insertCell(0);
var oCell1 = oRow.insertCell(1);
oCell.innerText += $('oname').value; 
oCell1.innerText += $('oage').value;     } 
  //--> 
  </SCRIPT> 
  
</HEAD> <BODY> 
<INPUT TYPE="text" id='oname' value='小王'> 
<INPUT TYPE="text" id='oage' value = '22'> 
<INPUT TYPE="button" value='提交' onclick="sub()"> 
  <TABLE id='otbl'> 
   </TABLE> 
</BODY> 
</HTML> 

解决方案 »

  1.   

    给TABLE加个ID比如table1,用insertRow,insertCell动态加行列就行了
    function sub(){ 
            var row = $('table1').insertRow(); 
            row.insertCell().innerText = $('oname').value; 
            row.insertCell().innerText = $('oage').value;     } 
      

  2.   


    真的太感谢你了
    动态的确实好 但我做的是一个动态的数据表
    所以想做个一像excel 的固定表格然 后添加数据多余的列和行就有滚动条来调节查看
    页面上就会美观一些 好排版一些
    不只能不能 初始一个固定大小的表,?
      

  3.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
    <HTML> 
    <HEAD> 
      <TITLE> New Document </TITLE> 
      <SCRIPT LANGUAGE="JavaScript"> 
      <!-- 
        function $(sId){return document.getElementById(sId);}
    var num = 0;    function sub(){ 
    var oTbl = $('otbl');
    //alert(oTbl.rows.length)
    if(num < oTbl.rows.length){
    oTbl.rows(num).cells(0).innerText = $('oname').value; 
    oTbl.rows(num).cells(1).innerText = $('oage').value; 

    }else{
    alert(num)
    var oRow = oTbl.insertRow(num);
    var oCell = oRow.insertCell(0);
    var oCell1 = oRow.insertCell(1);
    oCell.innerText += $('oname').value; 
    oCell1.innerText += $('oage').value; 

    }
    num++;    } 
      //--> 
      </SCRIPT> 
      
    </HEAD> <BODY> 
    <INPUT TYPE="text" id='oname' value='小王'> 
    <INPUT TYPE="text" id='oage' value = '22'> 
    <INPUT TYPE="button" value='提交' onclick="sub()"> 
      <TABLE border='1'id='otbl'>
      <TR>
    <TD>&nbsp;</TD>
    <TD>&nbsp;</TD>
      </TR>
      <TR>
    <TD>&nbsp;</TD>
    <TD>&nbsp;</TD>
      </TR>
      <TR>
    <TD>&nbsp;</TD>
    <TD>&nbsp;</TD>
      </TR>
      <TR>
    <TD>&nbsp;</TD>
    <TD>&nbsp;</TD>
      </TR>
      </TABLE>
    </BODY> 
    </HTML> 
      

  4.   

     function $(sId){return document.getElementById(sId);}
    这里的$是什么意思