zoukankan      html  css  js  c++  java
  • 运用js动态操作table(新增,删除相关列信息)

    1、取得table对象
       var objTable=document.getElementById( "tb_visitor" );
    2、新增一行
      var objTempRow = objTable.rows[0];        //取得模板行
      var objNewRow = objTable.insertRow( objTable.rows.length );
      objNewRow.id = objTable.rows.length-1;
      //添加一行的相关信息
      for ( var i=0 ; i<objTempRow.cells.length ; i++ )
      {
          var objNewCell = objNewRow.insertCell( i );
          objNewCell.innerHTML = objTempRow.cells[i].innerHTML;
          //
          if(objNewCell.innerHTML.indexOf("value=")!=-1){
              var si=objNewCell.innerHTML.indexOf("value=")*1+6;
              var ei=objNewCell.innerHTML.indexOf(">");
              var cellvalue=objNewCell.innerHTML.substring(si,ei);
              //将新列内容清空且变为可用状态
              objNewCell.innerHTML=objNewCell.innerHTML.replace(cellvalue,'').replace('disabled','');
          }
      }
      //添加行的click事件
      objNewRow.onclick = new Function("fn_clickrow(this);");
    3、删除一行
       objTable.deleteRow(objrow.index);

  • 相关阅读:
    Codeforces 1093D(染色+组合数学)
    Codeforces 1093C (思维+贪心)
    Codeforces 1082D (贪心)
    Codeforces 433A (背包)
    BZOJ 3262(Treap+树状数组)
    BZOJ 1588 (treap)
    Codeforces 1061C (DP+滚动数组)
    Codeforces 1080C 题解(思维+二维前缀和)
    周记 2015.07.12
    周记 2015.07.04
  • 原文地址:https://www.cnblogs.com/zhwl/p/2507862.html
Copyright © 2011-2022 走看看