亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

刪除一行后,如何讓新添加行的學號遞增且不重復呢

<!DOCTYPE?html>
<html>
?<head>
??<title>?new?document?</title>
??<meta?http-equiv="Content-Type"?content="text/html;?charset=gbk"/>
??<script?type="text/javascript">

????window.onload?=?function?()?{
????????changeBg();
????};

????function?changeBg()?{

????????//?鼠標移動改變背景,可以通過給每行綁定鼠標移上事件和鼠標移除事件來改變所在行背景色。
????????var?trs?=?document.getElementsByTagName("tr"),
????????????body?=?document.getElementsByTagName("body")[0];

????????for?(var?i?=?0;?i?<?trs.length;?i++)?{
????????????trs[i].onmouseover?=?function?()?{
????????????????for?(var?j?=?0;?j?<?trs.length?&&?j?!=?i;?j++)?{
????????????????????trs[j].style.background?=?"#fff";
????????????????}
????????????????this.style.background?=?"#ccc";
????????????};

????????????trs[i].onmouseout?=?function?()?{
????????????????this.style.background?=?"#fff";
????????????}
????????}
????}

??????//?編寫一個函數,供添加按鈕調用,動態在表格的最后一行添加子節點;
????function?addTable(){
????????var?table?=?document.getElementById("table"),
????????????newNode?=?document.createElement("tr"),
????????????index?=?table.childNodes.length+1;

????????newNode.innerHTML?=?"<td>xh00"+?index?+"</td><td></td><td><a?href='javascript:;'??onclick='removeTd(this)'?>刪除</a></td>";
????????table.appendChild(newNode);
????????changeBg();
????}

?????//?創建刪除函數
????function?removeTd(node)?{
????????node.parentNode.parentNode.parentNode.removeChild(node.parentNode.parentNode);
????}


??</script>
?</head>
?<body>
??????<table?border="1"?width="50%"?id="table">
??????<tr>
??????<th>學號</th>
??????<th>姓名</th>
??????<th>操作</th>
??????</tr><tr>
??????<td>xh001</td>
??????<td>王小明</td>
??????<td><a?href="javascript:;"?onclick="removeTd(this)">刪除</a></td>???<!--在刪除按鈕上添加點擊事件??-->
??????</tr><tr>
??????<td>xh002</td>
??????<td>劉小芳</td>
??????<td><a?href="javascript:;"?onclick="removeTd(this)"?>刪除</a></td>???<!--在刪除按鈕上添加點擊事件??-->
??????</tr></table>
??????<input?type="button"?value="添加一行"?onclick="addTable()"/>???<!--在添加按鈕上添加點擊事件??-->
?</body>
</html>

如題,我的代碼運行后,如果刪除中間的行,再點“添加一行”,新添加行的學號會連不上。

感覺可以用正則來獲取最后一行的學號,新行學號=最后行學號+1。js里是怎么使用正則呢。。。

正在回答

1 回答

同問,刪除了第一行后,第二行的數字2怎么變成1

0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

刪除一行后,如何讓新添加行的學號遞增且不重復呢

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號