javascript如何动态改变table行属性

最新推荐文章于 2022-02-22 13:31:15 发布

zh_1123

最新推荐文章于 2022-02-22 13:31:15 发布

阅读量309

点赞数

分类专栏： JavaScript 文章标签： JavaScript ViewUI

JavaScript 专栏收录该内容

26 篇文章 0 订阅

订阅专栏

//得到table对象

var mytable=document.getElementById("onepertable");
//增加方法

function add(){
     var tbody = document.createElement("TBODY");
     var row =document.createElement("TR");
     var cell = document.createElement("TD");
     var cell2 = document.createElement("TD");
     var cell3=document.createElement("TD");
     var cell4=document.createElement("TD");
     var cell5=document.createElement("TD");
     cell.innerHTML='';
     cell2.innerHTML='<input name="USER_HM" type="text" class="input0001" size="16" />';
     cell3.innerHTML='<input name="user_address" type="text" class="input0001" size="35" />';
     cell4.innerHTML='<input name="USER_LINKPHONE" type="text" class="input0001" size="16" />';
     row.appendChild(cell);
     row.appendChild(cell2);
     row.appendChild(cell3);
     row.appendChild(cell4);
     tbody.appendChild(row);
     mytable.appendChild(tbody);
        }

//删除方法
    function removeRow(){
       var   rowIndex=mytable.rows.length-1 ;
         if(parseInt(rowIndex)>6){
            mytable.deleteRow(rowIndex)
          }
      }