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

2018-09-24 21:41

阅读:534

  如何动态添加单元格!!
复制代码 代码如下:
用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需刷新才能执行]


评论


亲,登录后才可以留言!