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

  如何动态添加单元格!!

  

复制代码 代码如下:

  用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需刷新才能执行]