JS 动态 添加 table的Row

<script type="text/javascript">

    function add() {

        var tab = document.getElementById("MyTable");

        var row = tab.insertRow(-1);//IE下可以不填，FF下填“-1”

        var cell1 = row.insertCell(-1);

        cell1.innerHTML = "<input id='Text1' type='text'  />";

    }

    function del() {

        var tab = document.getElementById("MyTable");

        var lastRow = tab.rows.length;

        tab.deleteRow(lastRow - 1);

    }

</script>

    <form id="form1" runat="server">

    <input id="Button1" type="button" value="增加子项" οnclick="add()" />

    <input id="Button2" type="button" value="删除子项" οnclick="del()" />

    <div>

        <table id="MyTable" style="width: 100%; background-color:Red; border:1">   

        </table>

    </div>

    </form>