关闭

利用JS在Table中插入行和列

101人阅读 评论(0) 收藏 举报

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

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:3922次
    • 积分:141
    • 等级:
    • 排名:千里之外
    • 原创:13篇
    • 转载:0篇
    • 译文:0篇
    • 评论:0条
    文章存档