当前位置:Gxlcms > JavaScript > javascript动态添加单元格的脚本代码

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

时间:2021-07-01 10:21:17 帮助过:17人阅读

如何动态添加单元格!!
代码如下:
用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> 


[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

人气教程排行