页面上有三个按钮,点击第一个生成一个表格,点击第二个添加一行,点击第三个删除一行。 100

新手不会处理表格消失问题。想找出具体代码。方法知道,但是一直调试不出来。希望有代码参考。给出多种方法更好。每多一个加100分。对了只后台操作,新手js不太熟悉... 新手不会处理表格消失问题。想找出具体代码。方法知道,但是一直调试不出来。希望有代码参考。给出多种方法更好。每多一个加100分。
对了只后台操作,新手js不太熟悉
展开
 我来答
2一瞬间2
2015-01-24 · TA获得超过621个赞
知道小有建树答主
回答量:677
采纳率:0%
帮助的人:351万
展开全部
<!DOCTYPE html>
<!--STATUS OK-->
<html>
    <head>
        <meta http-equiv="content-type" content="text/html;charset=utf-8" />
        <title>test</title>
    </head>
    <body>
        <div>
            <button id="create">添加表格</button>&nbsp;&nbsp;&nbsp;&nbsp;<button id="add">添加表格</button>&nbsp;&nbsp;&nbsp;&nbsp;<button id="del">添加表格</button>
        </div>
        <div id="table1" style="margin-top:20px;"></div>
    </body>

    <script type="text/javascript">
    function createTable() {
        var t = document.createElement('table');
        t.setAttribute('id', 'table');
        for (var i = 0; i < 10; i++) {
            var r = t.insertRow();
            for (var j = 0; j < 5; j++) {
                var c = r.insertCell();
                // c.innerHTML = i + ',' + j;
                c.innerHTML = '';
                c.style.width = "50px";
                c.style.height = "20px";
            }
        }
        document.getElementById('table1').appendChild(t);
        t.setAttribute('border', '1');
    }
    var create = document.getElementById('create');
    var add = document.getElementById('add');
    var del = document.getElementById('del');
    
    create.onclick = createTable;
    del.onclick = function(){
        var t = document.getElementById('table');
        var len = t.rows.length - 1;
        if (0 == len) {
            t.parentNode.parentNode.removeChild(t.parentNode);
        } else {
            t.deleteRow();
        }
    };
    add.onclick = function(){
        var t = document.getElementById('table');
        var r = t.insertRow();
        for (var j = 0; j < 5; j++) {
            var c = r.insertCell();
            // c.innerHTML = i + ',' + j;
            c.innerHTML = '';
            c.style.width = "50px";
            c.style.height = "20px";
        }
        
    }
    </script>
</html>
更多追问追答
追问
谢谢你的回答,我想要只后台的代码,不用js的,比如用viewstate等方法的代码。可能我说的不太清楚,不过肯定100分给你。再来一种只用服务器控件的代码,我会继续追加,最少在追100
追答
后台用的什么脚本语言?
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式