页面导航: 首页网络编程JavaScript应用技巧 → 正文内容

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

发布:dxy 发布日期:2007-11-24 12:33:12 字体:[增加 减小] 类型:转载
如何动态添加单元格!!

用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 全选 提示:你可先修改部分代码,再按运行]
浏览次数:载入中... 打印本文关闭本文返回首页

文章评论

共有 位脚本之家网友发表了评论我来说两句

同 类 文 章
最 近 更 新
热 点 排 行