利用JS在Table中插入行和列

来源:互联网 发布:linux关机的命令 编辑:程序博客网 时间:2024/06/02 11:22

<html>
<head runat="server">
<title>柴伟伟</title>
    <script language="javascript" type="text/javascript">

        function iRow(tableID) {
                var v = document.getElementById(tableID).insertRow(0);
                var y = v.insertCell(0);
                var z = v.insertCell(1);
                y.innerHTML = "新增行和列";
                z.innerHTML = "新增列和行";
        }
    </script>
</head>
<body >
    <form id="form1" runat="server">
    <div id="showTime">
    <table id="myTable" border="1">
    <tr>
    <td>第一行第一列</td>
    <td>第一行第二列</td>
    </tr>

    <tr>
    <td>第二行第一列</td>
    <td>第二行第二列</td>
    </tr>
    </table>
    <input  type="button" id="insert" value="插入新的行" onclick="iRow('myTable')" />
    </div>
    </form>
</body>
</html>

原创粉丝点击