java 表格 增加行_java,表格,增加行.doc

java,表格,增加行

java,表格,增加行

篇一：jsp表格增加行

//增加行

function addRow()

{

//添加一行

var mainTable = document.getElementById(yourtable);

var newTr = mainTable.insertRow();

var newTd0 = newTr.insertCell();

var newTd1 = newTr.insertCell();

//设置列内容和属性

newTd0.innerHTML =

}

//删除行

function delRow(obj){

var tr = this.getRowObj(obj);

if(tr != null){

tr.parentNode.removeChild(tr);

}else{

throw new Error(the given object is not contained by the table);

}

}

利用js来动态创建表格有两种格式，appendChild()和insertRow、insertCell()。但第一种有可能在IE上有问题，所以推荐使用第二种。

1、insertRow(index)：index从0开始

这个函数将新行添加到index的那一行前，比如insertRow(0),是将新行添加到第一行之前。默认的insertRow()函数相当于 insertRow(-1)，将新行添加到表的最后。一般我们在使用的时候都是：

objTable.insertRow (objTable.rows.length)就是为表格

objTable在最后新增一行。

insertCell()和insertRow的用法相同。

2、deleteRow(index)：index从0开始

删除指定位置的行，要传入的参数：Index是行在表格中的位置，可以下面的方法取得然后去删除：

var row = document.getElementById(行的Id);

var index = row.rowIndex; //有这个属性

objTable.deleteRow(index);

在使用过程中，删除表格的行的时候，如果删除了某一行，那么表格行数是马上就变化的，rows.length总是在变小，所以如果你要删除表格的所有行： function removeAllRow() {

var objTable = document.getElementById(myTable);

var length = objTable.rows.length;

for (var i = 1; i < length; i++) {

objTable.deleteRow(i);

}

}

3、setAttribute()方法,动态设置单元格与行的属性

格式如下：setAttribute(属性，属性值)

var objMyTable = document.getElementById(myTable);

objMyTable(来自:WwW.xltkwJ.cOm 小龙 文档 网:java,表格,增加行).setAttribute(border, 1); //为表格设置边框为1

在使用的时候遇到一个设置样式的问题，不能用

setAttribute(class,inputbox1);而应该使用

setAttribute(className,inputbox1)，

4、创建表格

了解了行

第一步：你需要有一个你去动态变化的表格，这里讲的是已经存在页面的表格,我们设置一个id：myTable

var objMyTable = document.getElementById(myTable);

第二步：创建行与列的对象

var index = objMyTable.rows.length;

var nextRow = objMyTable.insertRow(index); //在最后的行

//var nextRow = objMyTable.insertRow(0);//在最前的行

下面是示例代码

var NO = 1;//行号

function addRow() {

Count = !Count;

//