function addrow(obj,type){ // 表格添加行
var rowtypedata = [
[[1, ''], [1,'<input type="text" class="txt" name="newcatorder[]" value="0" />', 'td25'], [5, '<div><input name="newcat[]" value="新分区名称" size="20" type="text" class="txt" /><a href="javascript:;" class="deleterow" onClick="deleterow(this)">删除</a></div>']],
[[1, ''], [1,'<input type="text" class="txt" name="neworder[{1}][]" value="0" />', 'td25'], [5, '<div class="board"><input name="newforum[{1}][]" value="新版块名称" size="20" type="text" class="txt" /><a href="javascript:;" class="deleterow" onClick="deleterow(this)">删除</a><select name="newinherited[{1}][]"><option value="">继承指定版块设置</option></select></div>']],
[[1, ''], [1,'<input type="text" class="txt" name="neworder[{1}][]" value="0" />', 'td25'], [5, '<div class="childboard"><input name="newforum[{1}][]" value="新版块名称" size="20" type="text" class="txt" /><a href="javascript:;" class="deleterow" onClick="deleterow(this)">删除</a> <label><input name="inherited[{1}][]" type="checkbox" class="checkbox" value="1"> 继承上级版块设置</label></div>']],
];
var table = obj.parentNode.parentNode.parentNode.parentNode.parentNode;
var row = table.insertRow(obj.parentNode.parentNode.parentNode.rowIndex);
var typedata = rowtypedata[type];
for(var i = 0; i <= typedata.length - 1; i++) {
var cell = row.insertCell(i);
cell.colSpan = typedata[i][0];
var tmp = typedata[i][1];
if(typedata[i][2]) {
cell.className = typedata[i][2];
}
//tmp = tmp.replace(/\{(\d+)\}/g, function($1, $2) {return addrow.arguments[parseInt($2) + 1];});
cell.innerHTML = tmp;
}
}
function deleterow(obj){//表格删除行
var table = obj.parentNode.parentNode.parentNode.parentNode.parentNode;
var tr = obj.parentNode.parentNode.parentNode;
table.deleteRow(tr.rowIndex);
}
分享到:
相关推荐
主要对table insertRow、deleteRow定义和用法做下总结,需要的朋友可以参考下
本篇文章主要介绍了javascript操作table(insertRow,deleteRow,insertCell,deleteCell方法)需要的朋友可以过来参考下,希望对大家有所帮助
本文为大家介绍下table对象insertRow deleteRow的使用示例,适合新手朋友们
主要介绍了js动态添加表格数据并使用insertRow和insertCell实现,需要的朋友可以参考下
利用js来动态创建表格有两种格式,appendChild()和insertRow、insertCell()。两种方式其实差不多,但第一种有可能在IE上有问题,所以推荐大家使用第二种了,直接说吧。
实现table的insertRow实现table的insertRow实现table的insertRow实现table的insertRow实现table的insertRow实现table的insertRow
下面的JS代码通过表格对象的insertRow方法动态向表格的最顶端添加新的行 <!DOCTYPE html> <html> <head> [removed] function insRow() { var x=document.getElementById('myTable').insertRow(0); ...
asp.net无刷新操作表格(增加,删除行),包括后台如何取值 //插入空白行 function insertRow(){ var table=document.getElementById('TestTable'); var tr=table.insertRow(); var datalength=table.rows....
用js创建动态表格一些基本语法 avascript 动态创建表格:新增、删除行和单元格 利用js来动态创建表格有两种格式,appendChild()和insertRow、insertCell()。
HTML&DOM; &DOM;
1、inserRow()和insertCell()函数 insertRow()函数可以带参数,形式如下: insertRow(index):index从0开始 这个函数将新行添加到index的那一行前,比如insertRow(0),是将新行添加到第一行之前。...2、deleteRow()和
如何动态添加单元格!! 代码如下:用insertRow()和insertCell()方法 其用法如下: insertRow() 代码如下:var newTR=TableOBJ.insertRow(N); 代码如下:其中N表示插入到第几行! 说明:当N=0时,插入到最上面一行!当N=-...
//获取添加数据的表格 var rowsNum = tabObj.rows.length; //获取当前行数 var colsNum=tabObj.rows[rowsNum-1].cells.length;//获取行的列数 var myNewRow = tabObj.insertRow(rowsNum);//插入新行 va
Dom基础—创建表格 利用js来动态创建表格有两种格式,appendChild()和insertRow、insertCell()。但第一种有可能在IE上有问题,所以推荐使用第二种。 1、insertRow(index):index从0开始 这个函数将新行添加到index的...
var row = objTable.insertRow(objTable.rows.length); for (var i = 0; i ; i++) { var newCell = row.insertCell(i); newCell.innerHTML = "你好"; } } //删除行 function deleteRow() { var objTable = ...
如下所示: 代码如下://动态添加行function addRow(){ var table = document.getElementById(“tableID”); var newRow = table.insertRow(); //创建新行 var ...//动态删除行function deleteRow(){ var rowI
生成一个2000*5的表格,每个单元格的内容是行号+逗号+列号 方法一:使用createElement生成表格,使用insertRow和insertCell方法生成行列,单元格的内容使用innerHTML属性进行填充。 方法二:使用createElement生成...