js动态添加、删除表格,兼容IE、FireFox、Chrome

来源:互联网 发布:linux 饥荒中文乱码 编辑:程序博客网 时间:2024/04/29 05:27

function addTable(){
   var table=document.getElementById("specialtyTable");
   if(table){

    var newRow =table.insertRow(table.rows.length);
    var cell =newRow.insertCell(0);  
    cell.innerHTML='专业代码*';
    cell=newRow.insertCell(1);
    cell.innerHTML='&nbsp;<input name="spno" type="text" class="input" style="width:99% ">';
    cell=newRow.insertCell(2);
    cell.innerHTML='专业名称*';
    cell=newRow.insertCell(3);
    cell.innerHTML='<input name="spno" type="text" class="input" style="width:99% ">';
    cell=newRow.insertCell(4);
    cell.innerHTML='<input name="Submit" type="button" class="buttonface02" value=" 删 除   " onclick="removeCurrentRow(this);">';
   }
  }
  
  function removeCurrentRow(event_ff){

   var table =document.getElementById("mytable");
   var obj = (document.all)?event.srcElement:event_ff;  //支持document.all的是IE
   if(table ){
    var index= obj.parentNode.parentNode.rowIndex;
    //             事件源"删除"    <td>       <tr>
    
    table.deleteRow(index);
   }
  }

 

原创粉丝点击