javascript动态添加单元格的脚本代码

用insertRow()和insertCell()方法 

var newTR=TableOBJ.insertRow(N); 

其中N表示插入到第几行!  
说明:当N=0时,插入到最上面一行!当N=-1时插入到最后一行,相当省略该参数!  
insertCell() 

var newTD=TrOBJ.insertCell(N); 

<script language="JavaScript">  
var Count=false,NO=1;  
function addRow(){  
Count=!Count;  
//添加一行  
var newTr = testTbl.insertRow();  
//添加三列  
var newTd0 = newTr.insertCell();  
var newTd1 = newTr.insertCell();  
var newTd2 = newTr.insertCell();  
//设置列内容和属性  
if(Count){newTr.style.background="#FFE1FF";}  
else {newTr.style.background="#FFEFD5";}  
newTd0.innerHTML = '<input type=checkbox id="box4">';   
NO++  
newTd1.innerText="第"+ NO+"行";  
}  
</script> 

蓝光-BlueShine




第1行