在Javascript中运行时创建表？

Question

我的应用程序"当点击一个按钮时,它应该在表格中创建一个新的文本字段".所以我这样做了,它也不起作用.那么下面的代码片段可能会出现什么问题.

<html>

<script type="text/javascript" language="javascript">
    var newtr=document.createElement("tr");
    var newtd=document.createElement("td"); 
    var output="<input type=\"textfield\"";
    newtd.innerHtml=output;
    newtr.appendChild(newtd);
    function create_row()
    {
        document.getElementById("table1").appendChild(newtr);
    }
</script>


<body>
    <table id="table1">
        <tr>
            <td>
                <input type-"textfield" name="tfield">
            </td>
        </tr>
        <tr>
            <td> <input type="button" name="button" value="new row" onclick="create_row();">
        </tr>
    </table>

</body>
</html>

我正在使用IE7.

Answer 1

为了在IE中完成这项工作,你应首先创建一个TBODY然后在TBODY中附加TR.如果你不这样做,IE无法呈现表内容,HTML部分将成功创建,但它不会在页面上看到.

所以你应该修改你的脚本以将TRs附加到TBODY中