js添加删除行-白红宇

js添加删除行

阅读量：4318 次

发布时间：2019-06-06

本文共 2164 字，大约阅读时间需要 7 分钟。

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script type="text/javascript"> function insertRow(tbIndex) { var objRow = Binddata.insertRow(tbIndex); var objCel = objRow.insertCell(0); objCel.style.display = "none"; objCel.innerText = tbIndex; var objCel = objRow.insertCell(1); objCel.innerText = document.getElementById("myCell1").value; var objCel = objRow.insertCell(2); objCel.innerText = document.getElementById("myCell2").value; var objCel = objRow.insertCell(3); objCel.innerText = document.getElementById("myCell3").value; var objCel = objRow.insertCell(4); objCel.innerText = document.getElementById("myCell4").value; var objCel = objRow.insertCell(5); objCel.innerHTML = "<a href='javascript:void(0)' οnclick='javascript:del();'>删除</a>"; // objRow.attachEvent("onclick", getIndex); objRow.style.background = "pink"; } function del() { inRowIndex = event.srcElement.parentNode.parentNode.rowIndex; Binddata.deleteRow(inRowIndex); } // function getIndex() { // intRowIndex = event.srcElement.parentNode.parentNode.rowIndex; // alert("getIndex:" + intRowIndex); // pos.innerText = intRowIndex; // return intRowIndex; // } </script> </head> <body> <div id="getTable" οnlοad="pos.innerText=intRowIndex;"> <table>  <tr> <td colspan="6"> <table width="100%" id="Binddata"> <thead id="thead"> <tr> <th> ID </th> <th> 配件名称 </th> <th> 使用数量 </th> <th> 价格 </th> <th> 单位 </th> <th> 操作 </th> </tr> </thead> <tbody id="tbody"> <%=BindTable()%> </tbody> </table> </td> </tr> <tr> <td align="center"> 配件名称:<input type="text" id="myCell1" name="myCell1" value="CGI" /> </td> <td align="center"> 使用数量：<input type="text" id="myCell2" name="myCell2" value="CGI" /> </td> <td align="center"> 价格：<input type="text" id="myCell3" name="myCell3" value="CGI" /> </td> <td align="center"> 单位：<input type="text" id="myCell4" name="myCell4" value="CGI" /> </td> <td colspan="2" align="center"> <input type="button" name="Submit" value="添加" οnclick="insertRow(Binddata.rows.length)" /> </td> </tr> </table> </div> </body> </html>

转载于:https://www.cnblogs.com/xiacy/archive/2011/09/30/2485708.html

你可能感兴趣的文章