利用JS在Table中插入行和列

最新推荐文章于 2020-07-17 15:46:31 发布

柴伟伟

最新推荐文章于 2020-07-17 15:46:31 发布

阅读量521

点赞数

文章标签： table javascript insert button border function

本文链接：https://blog.csdn.net/chai19870803/article/details/7377159

版权

        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="插入新的行" οnclick="iRow('myTable')" />
    </div>
    </form>
</body>
</html>