在jsp页面中删除表格中的一行.doc

在jsp页面中删除表格中的一行 篇一：jsp表格增加行 //增加行 function addRow() { //添加一行 var mainTable = document.getElementById(yourtable); var newTr = mainTable.insertRow(); var newTd0 = newTr.insertCell(); var newTd1 = newTr.insertCell(); //设置列内容和属性 newTd0.innerHTML = lt;s:textfield name= label=lt;/s:textfield newTd1.innerHTML = lt;input type=\button\ name=\add\ value=\删除\ onClick=\delRow(this)\; } //删除行 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 lt; length; i++) { objTable.deleteRow(i); } } 3、setAttribute()方法,动态设置单元格与行的属性 格式如下：setAttribute(属性，属性值) var objMyTable = document.getElementById(myTable); objMyTable.setAttribute(border, 1); //为表格设置边框为1 在使用的时候遇到一个设置样式的问题，不能用 setAttribute(class,inputbox1);而应该使用 setAttribute(className,inputbox1)， 4、创建表格 了解了行lt;tr与单元格lt;td的增删那就可以创建表格了。 第一步：你需要有一个你去动态变化的表格，这里讲的是已经存在页面的表格,我们设置一个id：myTable var objMyTable = document.getElementById(myTable); 第二步：创建行与列的对象 var index = objMyTable.rows.length; var nextRow = objMyTable.insertRow(index); //在最后的行 //var nextRow = objMyTable.insertRow(0);//在最前的行 下面是示例代码 lt;script type=text/javascript var Count = false; //控制交替换行 var NO = 1;//行号 function addRow()