利用JS在Table中插入行和列

<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>

阅读更多
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

不良信息举报

利用JS在Table中插入行和列

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭