轻松搞定html表格增减-JSP教程,Java技巧及代码

<script>
function addrow(){
    
    // 插入一行
    mynewrow = document.all.mytable.insertrow();
    var lenrow = document.all.mytable.rows.length; // 计算总行数
    
    if(lenrow > 1){        
        var point = mynewrow.rowindex;    // 计算当前行位置    
        var lencol = document.all.mytable.rows(0).cells.length; // 计算每行有几列
        
        // 插入lencol个td
            for (i=0; i < lencol; i++) {
                document.all.mytable.rows(point).insertcell();
                document.all.mytable.rows(point).cells(i).innerhtml = parsefloat(document.all.mytable.rows(point-1).cells(i).innerhtml) + lencol;
        }
    }else if(lenrow == 1){
        // 原来table是0行，初始化一行
        for(i = 0; i < 10; i++){
            document.all.mytable.rows(0).insertcell();
            document.all.mytable.rows(0).cells(i).innerhtml = i;
        }
    }    
}

function delrow(){
    document.all.mytable.deleterow();
}
</script>
<a href="javascript: addrow()">增加一行</a>
<a href="javascript: delrow()">减去一行</a>
<table name=mytable border=1 id=mytable>
</table>