动态添加表格


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <SCRIPT LANGUAGE="JavaScript">  function add(){
var oTd = document.getElementById('tianjia'); oTd.childNodes[0].rows(0).cells(0).innerText = 'hello world';
 }  </SCRIPT>
  
 </HEAD> <BODY>
 <table width="70%" border="1"> 
  <tr> 
    <td id="tianjia"> 
<table width="70%" border="1"> 
        <tr> 
          <td>&nbsp;</td> 
          <td>&nbsp; </td> 
        </tr> 
    
      <tr> 
        <td>&nbsp; </td> 
        <td>&nbsp; </td> 
      </tr> 
    </table> 
</td> 
    <td>&nbsp; </td> 
  </tr> 
</table> 
<INPUT TYPE="button" value='添加' onclick='add()'>  
 </BODY>
</HTML>

解决方案 »

  1.   

    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        <title>无标题页</title>
        <script>
        function add()
        {
            document.all["tianjia"].childNodes[0].rows[0].cells[0].innerText += "新加";
        }
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
        
        <table width="70%" border="1">
        <tr>
            <td id="tianjia">
                <table width="70%" border="1">
                    <tr>
                    <td  >&nbsp; </td>
                    <td>&nbsp; </td>
                    </tr>
                    <tr>
                    <td>&nbsp; </td>
                    <td>&nbsp; </td>
                    </tr>
                 </table> 
            </td>
        <td>&nbsp; </td>
      </tr>
    </table> 
            <br />
            <input id="Button1" type="button" value="button" onclick="add()" /></div>
        </form>
    </body>
    </html>