innerHTML?急?在线?

<html>
<body><table><tr>
<td>
<table border="1"><tr><td  id = "outerTable"></td></tr></table>
</td>
</tr>
<tr><td><input type="button" value="test table" onclick="testTable()" >
</td></tr>function testTable()
{
</table>
<script>
var tbl = document.createElement('table');
tbl.id = "welcome";
for ( var i = 0; i < 10; i++ ) {
var row = tbl.insertRow();
for ( var j = 0; j < 5; j++ ) {
var cell = row.insertCell();
cell.innerHTML = "<input type='text' value=" + (i * j ) + ">";
cell.align="left";
}
}
document.all["outerTable"].innerHTML = tbl.outerHTML; </script>
</body>
</html>

解决方案 »

  1.   

    有几处错误：1、cell.innerText = "<input type=\"text\" value=" + (i * j ) + ">";
    不应该是innerText而应为innerHTML2、document.["outerTable"].innerHTML 
    应该是document.all["outerTable"].innerHTML 或 document.all.outerTable.innerHTML3、<table border="1" id = "outerTable"></table>
    表格中没有cell，用什么来放你的子表格？基本上就这么三个错误吧，修改后的代码见下：<script>
    function testTable()
    { var tbl = document.createElement('table');
    tbl.id = "welcome";
    for ( var i = 0; i < 10; i++ ) {
    var row = tbl.insertRow();
    for ( var j = 0; j < 5; j++ ) {
    var cell = row.insertCell();
    cell.innerHTML = "<input type='text' value=" + (i * j ) + ">";
    cell.align="left";
    }
    }
    document.all["outerTable"].innerHTML = tbl.outerHTML;
    }
    </script>
    <html>
    <body><table><tr>
    <td>
    <table border="1"><tr><td  id = "outerTable"></td></tr></table>
    </td>
    </tr>
    <tr><td><input type="button" value="test table" onclick="testTable()" >
    </td></tr>
    </table></body>
    </html>
      

  2.   


    <html>
    <script language="javascript">
    function testTable()
    {
    var tbl = document.createElement('table');
    tbl.id = "welcome";
    for ( var i = 0; i < 10; i++ ) {
    var row = tbl.insertRow();
    for ( var j = 0; j < 5; j++ ) {
    var cell = row.insertCell();
    cell.innerHTML = "<input type=\"text\" value=" + (i * j ) + ">";
    cell.align="left";
    }
    } outerTable.outerHTML = tbl.outerHTML;
    }
    </script><body><table><tr>
    <td>
    <table border="1" id = "outerTable"></table>
    </td>
    </tr>
    <tr><td><input type="button" value="test table" onclick="testTable()" >
    </td></tr></table></body>
    </html>
      

  3.   

    修正1：
    <td>
    <table border="1" id = "outerTable"></table>
    </td>=><td id="outerTable">
    </td>修正2：
    document.["outerTable"].innerHTML = tbl.outerHTML;=>document.all["outerTable"].innerHTML
    如下：
    <html>
    <body>
    <SCRIPT LANGUAGE="JavaScript">
    function testTable()
    {
    var tbl = document.createElement('table');
    tbl.id = "welcome";
    for ( var i = 0; i < 10; i++ ) {
    var row = tbl.insertRow();
    for ( var j = 0; j < 5; j++ ) {
    var cell = row.insertCell();
    cell.innerHTML = "<input type=\"text\" value=" + (i * j ) + ">";
    cell.align="left";
    }
    } document.all["outerTable"].innerHTML = tbl.outerHTML;
    }
    </SCRIPT>
    <table border=1>
    <tr>
    <td id = "outerTable">
    </td>
    </tr>
    <tr><td>
    <input type="button" value="test table" onclick="testTable()" >
    </td></tr>
    </table>
    </body>
    </html>