js控制表格添加行.doc
文本预览下载声明
js控制表格添加行
篇一：JS动态添加表格行
lt;!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0
Transitional//EN
http://
var tr =obj.insertRow(tr.rowIndex+1);
var trId=trStructure+tr.rowIndex;
tr.setAttribute(id,trId);
var td0 = tr.insertCell(0);
td0.setAttribute(align,left);
//td0.setAttribute(colSpan,4);
td0.innerHTML = lt;input ID=#39;txtName#39; type=#39;text#39;/ ; var td1 = tr.insertCell(1);
td1.setAttribute(align,left);
//td1.setAttribute(colSpan,3);
td1.innerHTML = lt;input ID=#39;txtName#39; type=#39;text#39;/lt;input id=#39;btnDelRow#39; class=#39;btn#39; type=#39;button#39; value=#39;-#39;
onclick=#39;DelStructureRow(+tr.rowIndex+)#39;/;
}
function DelStructureRow(rowIndex)
{
var obj=document.getElementById(OwnershipStructure); obj.deleteRow(rowIndex);
var
count=document.getElementById(StructureLeft1).getAttribute(rowspan);
document.getElementById(StructureLeft1).setAttribute(rowSpan,parseInt(count)-1); //rowSpan 不要写成rowspan，因为在IE6 与IE7下会有问题
篇二：js控制table增加行和列
lt;head
lt;titlelt;/title
lt;script language=javascript type=text/javascript
function addRow() {
var newTR = document.getElementById(testTable).insertRow(document.getElementById(testTable).rows.length);
var newNameTD = newTR.insertCell(0);
newNameTD.innerHTML = aa;
var newNameTD = newTR.insertCell(1);
newNameTD.innerHTML = lt;input name=#39;LastName#39; id=#39;LastName#39; type=#39;text#39; /;
var newNameTD = newTR.insertCell(2);
newNameTD.innerHTML = lt;input name=#39;BirthDay#39; id=#39;BirthDay#39; type=#39;text#39;/;
var newNameTD = newTR.insertCell(3);
newNameTD.innerHTML = lt;input name=#39;age#39; id=#39;age#39; type=#39;text#39; /; }
function insertRow() {
var oTable = document.getElementById(table_info);
var oTr = oTable.insertRow();
var oTd = oTr.insertCell();
oTd.innerHTML = 新添加了一行;
}
function insertRow2() {
//获取table对象
var table = document.getElementById(table_info2);
//找到要添加button的td，这里以表格第一行第一列为例子
var oTd = table.rows[0].cells[0];
//添加button到td中，添加前吧td内容清空
显示全部