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

187 阅读 0 评论 124 点赞

我是靠谱客的博主俊秀火车，最近开发中收集的这篇文章主要介绍javascript动态添加单元格的脚本代码，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

如何动态添加单元格!!

复制代码代码如下:

用insertRow()和insertCell()方法

其用法如下:
insertRow()

复制代码代码如下:

var newTR=TableOBJ.insertRow(N);

复制代码代码如下:

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

复制代码代码如下:

var newTD=TrOBJ.insertCell(N);

其中N表示插入到第几列!
说明:当N=0时,插入到最上面一行!当N=-1时插入到最后一行,相当省略该参数!
下面为一实例代码:

复制代码代码如下:

<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> 