javascript动态添加单元格的脚本代码
2018-09-24 21:41
如何动态添加单元格!!
复制代码 代码如下:
用insertRow()和insertCell()方法
其用法如下:
insertRow()
复制代码 代码如下:
复制代码 代码如下:
其中N表示插入到第几行!
说明:当N=0时,插入到最上面一行!当N=-1时插入到最后一行,相当省略该参数!
insertCell()
复制代码 代码如下:
其中N表示插入到第几列!
说明:当N=0时,插入到最上面一行!当N=-1时插入到最后一行,相当省略该参数!
下面为一实例代码:
复制代码 代码如下:
<scriptlanguage=JavaScript>
varCount=false,NO=1;
functionaddRow(){
Count=!Count;
//添加一行
//添加三列
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需刷新才能执行]
上一篇:表格轮换显示 强
下一篇:AJAX架构之Dojo篇