点击按钮添加单元行

来源:互联网 发布:曼谷好吃的餐厅知乎 编辑:程序博客网 时间:2024/05/16 11:06

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication1._Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script>
        var gzcontent = "";
        function addTable() {
            var tableID = document.all.loop;
            var oRow = tableID.insertRow(tableID.rows.length);
            var oCell = oRow.insertCell(oRow.cells.length);
            oCell.innerHTML = gzcontent;

        }
        function initContent() {
            gzcontent = document.all.tb1.outerHTML;
        }
    </script>

</head>
<body onload="initContent()">
    <form id="form1" runat="server">
    <div>
        <table border="1" id="loop">
            <tr>
                <td>
                    <table id="tb1">
                        <tr>
                            <td>
                                username:
                            </td>
                            <td>
                                <input type="text" value="dinghb">
                            </td>
                        </tr>
                        <tr>
                            <td>
                                password
                            </td>
                            <td>
                                <input type="password" value="dinghb">
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2" id="tdid0">
                                <input type="button" value="add table" onclick="addTable()">
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
    </div>
    </form>
</body>
</html>

原创粉丝点击