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

时间:2021-05-26

如何动态添加单元格!!
复制代码 代码如下:
用insertRow()和insertCell()方法

其用法如下:
insertRow()
复制代码 代码如下:
varnewTR=TableOBJ.insertRow(N);

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

复制代码 代码如下:
varnewTD=TrOBJ.insertCell(N);

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

<scriptlanguage="JavaScript">
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='<inputtype=checkboxid="box4">';
NO++
newTd1.innerText="第"+NO+"行";
}
</script>

蓝光-BlueShine 第1行 [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章