html自动增加一行并获取行号,javascript开发系列(table操作，table增加一行，删除一行，取行号，列号)...

增加删除：insertRow，deleteRow, insertCell,deleteCell，

行号，列号：rowIndex ,cellIndex。

实例：

无标题页

table { background-color:red; border:solid 1px red}

td { background-color:#ffffff; border:solid 1px red}

function addTab()

{

var tb=document.getElementById("tb");

tb.insertRow(0);

tb.rows[0].insertCell(0);

tb.rows[0].cells[0].appendChild(document.createTextNode("Name"));

tb.rows[0].insertCell(1)

tb.rows[0].cells[1].appendChild(document.createElement("input"))

}

function delTab()

{

var tb=document.getElementById("tb");

(tb.rows.length<=0)?alert("请行增加相应的row"):tb.deleteRow(0);

}

function sumTab()

{

var tb=document.getElementById("tb");

var smRow=tb.rows.length;

//         for(tr in tb.rows)

//         {

//           alert(tr.cells[1].firstChild.value());

//         }

for(i=0;i<=tb.rows.length;i++)

{

alert(tb.rows[i].cells[1].firstChild.value);

tb.rows[i].οnclick=function()

{

alert("我的行号是:"+this.rowIndex +"/n"+ "我的列号是:"+this.firstChild.cellIndex);//注意.tr只有行号，td才有列号，所以第一个为this.rowIndex(tr) ，第二个为:this.firstChild.cellIndex(td)

}

}

}