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

本文介绍了一段JavaScript代码,该代码实现了网页上表格的行添加和删除功能。通过获取表格元素,可以动态地向表格中插入新行并填充特定内容,并提供删除按钮以移除指定行。适用于需要灵活管理表格数据的前端应用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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);
   }
  }

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值