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;
//