js动态删除行添加行、获取表格中的某个单元格的内容

//动态添加行

function addRow(){

   var widths = [50,50,50,50];
   var table = document.getElementById("tableID");

   var newRow = table.insertRow(); //创建新行
  // var newCell = newRow.insertCell(); //创建新单元格

    for(var i=0;i<widths.length;i++){

       var newCell = newRow.insertCell(0); //创建新单元格

       newCell.width= widths[i];
       newCell.innerHTML = ""; //单元格内的内容
       newCell.setAttribute("align","center"); //设置位置

//      var checkbox = document.createElement("input");

//      checkbox.type="checkbox";

//      checkbox.name="oCheck";

//      checkbox.id="mycheckid";

//      checkbox.value="112233";

//      newCell.appendChild(checkbox);

   }
}

//动态删除行

function deleteRow(){
   var rowIndex = event.srcElement.parentElement.parentElement.rowIndex;
   var styles = document.getElementById("tableID");
   styles.deleteRow(rowIndex);
}

<***  获取表格中的某个单元格的内容   ***>

 var tid=listFrame.now.rows[1].cells[2].innerHTML;

listFrame是指某一窗口或者frame
now 是表格的id
rows[i] 是指某一行 比如属性:length
cells[j] 是指某一个单元格 rows[i].cells[j]表示第i行第j列
innerHTML是指单元格的值

 

now.rows.length  //table的行数

 

===========================================

动态添加行是增加事件

tr.onmousedown = function(){
  this.style.backgroundColor='#0080C0';
}

绑定方法