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);
  • 相关阅读:
    python-操作excel之openpyxl
    python之redis
    geetest滑动验证
    vue-cookies
    谷歌浏览器安装vue插件
    axios和vuex
    概率论基础:补充(1)概率的公理化定义与随机变量的概念
    卸载 Anaconda 转用 Miniconda
    傅立叶变换
    SL-主成分分析(PCA)
  • 原文地址:https://www.cnblogs.com/freeliver54/p/865824.html
Copyright © 2011-2022 走看看