复制代码 代码如下:
用insertRow()和insertCell()方法
其用法如下:
insertRow()
复制代码 代码如下:
varnewTR=TableOBJ.insertRow(N);
复制代码 代码如下:
其中N表示插入到第几行!
说明:当N=0时,插入到最上面一行!当N=-1时插入到最后一行,相当省略该参数!
insertCell()
复制代码 代码如下:
varnewTD=TrOBJ.insertCell(N);
其中N表示插入到第几列!
说明:当N=0时,插入到最上面一行!当N=-1时插入到最后一行,相当省略该参数!
下面为一实例代码:
复制代码 代码如下:
varCount=false,NO=1;
functionaddRow(){
Count=!Count;
//添加一行
varnewTr=testTbl.insertRow();
//添加三列
varnewTd0=newTr.insertCell();
varnewTd1=newTr.insertCell();
varnewTd2=newTr.insertCell();
//设置列内容和属性
if(Count){newTr.style.background="#FFE1FF";}
else{newTr.style.background="#FFEFD5";}
newTd0.innerHTML='
NO++
newTd1.innerText="第"+NO+"行";
}
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
