Chinaunix首页 | 论坛 | 博客

Java每一天,积累多一点wangyan230.blog.chinaunix.net

首页　| 　博文目录　| 　关于我

wangyan_230

  • 博客访问： 557479
  • 博文数量： 48
  • 博客积分： 4026
  • 博客等级： 上校
  • 技术积分： 622
  • 用 户 组： 普通用户
  • 注册时间： 2007-12-26 13:59
文章分类

全部博文（48）

文章存档

2011年（3）

2010年（6）

2009年（12）

2008年（27）

我的朋友
最近访客
推荐博文
相关博文
js操作表格

分类： Java

2008-05-14 22:51:34

<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> 表格操作 </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>
   
<body>
   
</body>
<script language="javascript">
//添加表格

function loadTable()
{
    var tb = document.createElement("table");
    var rowTitle = tb.insertRow();
    var cellTitle1= rowTitle.insertCell();
    var cellTitle2= rowTitle.insertCell();
    cellTitle2.colSpan = 2;
    cellTitle2.align = "right";
    cellTitle2.innerHTML = "";
    cellTitle1.innerHTML = "添加";
    loadSelect(cellTitle1);
   
    for(var i = 0; i < 10; i++){
        var row = tb.insertRow();//添加行

        loadCells(row, i);
    }
    //设置属性

    tb.id = "tb";
    tb.align="center";
    tb.cellPadding = 1;
    tb.bgColor="#ffffee";
    tb.style.borderWidth = "1px";
    tb.style.borderCollapse = "collapse";
    tb.style.borderStyle = "solid";
    tb.rules = "ALL";//应用全部

    tb.borderColor = "#000000";
    document.body.appendChild(tb);
}
//添加单元格

function loadCells(rowObj,m)
{
    var cell1 = rowObj.insertCell();//添加单元格

    var cell2 = rowObj.insertCell();//添加第二个单元格

    var cell3 = rowObj.insertCell();
   
    cell1.innerHTML = " " + parseInt(m + 1) + " ";
    cell2.innerHTML = "";
    cell3.innerHTML = " × ";
}
//添加select框

function loadSelect(obj)
{
    var s = document.createElement("select");
    s.id = "sel_count";
    s.name = s.id;
    for(var i = 1; i <= 10; i++){
        var opt = new Option(i+"行",i);
        s.options.add(opt);
    }
    obj.appendChild(s);
}
//删除行

function delRow(obj)
{
    var tr = obj.parentElement.parentElement;
    var tb = tr.parentElement.parentElement;//table标签和tr标签隐式存在一个tbody

   
    tb.deleteRow(tr.rowIndex);
}
//选择好的个数的行，传入单元格

function addRow(obj)
{
    var tr = obj.parentElement;
    var cnt = (tr.cells[0]).children[1].value;//个数

    var tb = tr.parentElement.parentElement;
   
    var lastRow = tb.rows[tb.rows.length - 1];//获得当前最后一行

    var maxIndex= parseInt(lastRow.cells[0].innerText);//获得当前表格中显示的最好编号

   
    for(var i = 0; i < cnt; i++){
        var newRow = tb.insertRow();
        loadCells(newRow,parseInt(maxIndex + i));
    }
        
}
   
loadTable();
</script>
</html>

阅读(1442) | 评论(1) | 转发(0) |
0

上一篇：ActionRedirect 在 struts action 中重定向url

下一篇：关于java的Date

给主人留下些什么吧！~~

chinaunix网友2008-09-18 14:39:33

good

回复 | 举报
关于我们 | 关于IT168 | 联系方式 | 广告合作 | 法律声明 | 免费注册

Copyright 2001-2010 ChinaUnix.net All Rights Reserved 北京皓辰网域网络信息技术有限公司. 版权所有

感谢所有关心和支持过ChinaUnix的朋友们

16024965号-6