每行有对应的行号并且后面有删除按钮，点击则删除该行，并使下一行的行号变为该行的。（没分了，请大家帮帮忙吧）

Question

在delRow()里加个函数
function   delRow(src, rowIndex)
 {
  src.parentElement.deleteRow(rowIndex); 
  i--;
  fn(rowIndex);
 }
 function fn(rowIndex)
 {
var t = document.getElementById('tabnum');
for (var j=0;j<(t.rows.length-rowIndex);j++)
t.rows[j+rowIndex].cells[0].innerText = "第"+(rowIndex+j+1)+"段长度";
 }

Answer 1

<script>
function creatTable(){
  var str = '<table id="aTable" border="1">'
         + '<tr id="tr1">'
 + '<td width="10%" id="td1">1</td>'
 + '<td width="30%"><input type="button" value="delete" id="1" onclick="del();"></td>'
 + '<td width="60%">以前的第1行</td>'
 + '</tr>'
 + '<tr id="tr2">'
 + '<td width="10%" id="td2">2</td>'
 + '<td width="30%"><input type="button" value="delete" id="2" onclick="del();"></td>'
 + '<td width="60%">以前的第2行</td>'
 + '</tr>'
 + '<tr id="tr3">'
 + '<td width="10%" id="td3">3</td>'
 + '<td width="30%"><input type="button" value="delete" id="3" onclick="del();"></td>'
 + '<td width="60%">以前的第3行</td>'
 + '</tr>'
 + '<tr id="tr4">'
 + '<td width="10%" id="td4">4</td>'
 + '<td width="30%"><input type="button" value="delete" id="4" onclick="del();"></td>'
 + '<td width="60%">以前的第4行</td>'
 + '<tr id="tr5">'
 + '<td width="10%" id="td5">5</td>'
 + '<td width="30%"><input type="button" value="delete" id="5" onclick="del();"></td>'
 + '<td width="60%">以前的第5行</td>'
 + '<tr id="tr6">'
 + '<td width="10%" id="td6">6</td>'
 + '<td width="30%"><input type="button" value="delete" id="6" onclick="del();"></td>'
 + '<td width="60%">以前的第6行</td>'
 + '<tr id="tr7">'
 + '<td width="10%" id="td7">7</td>'
 + '<td width="30%"><input type="button" value="delete" id="7" onclick="del();"></td>'
 + '<td width="60%">以前的第7行</td>'
 + '<tr id="tr8">'
 + '<td width="10%" id="td8">8</td>'
 + '<td width="30%"><input type="button" value="delete" id="8" onclick="del();"></td>'
 + '<td width="60%">以前的第8行</td>'
 + '</tr>'
 + '</table>';
  document.getElementById("div").innerHTML = str;
}
function del(){
  var delObj = window.event.srcElement;
  var trId = "tr" + delObj.id;
  var tr = document.getElementById(trId);
  document.getElementById("aTable").deleteRow(delObj.id -1);
  var idx = document.getElementById("aTable").rows.length;
  try {
  for(var i = 1; i<idx + 1; i++){
if(i == delObj.id || i > delObj.id){
    document.getElementById("td"+(i + 1)).innerText = i ;
        document.getElementById("td"+(i + 1)).id = "td" + i ;
document.getElementById("tr"+(i + 1)).id = "tr" + i ;
document.getElementById(i + 1).id = i;
}
  }
  }catch(ex){alert(ex.messgae);}
}
</script>
<input type="button" value="creatTable" onclick="creatTable();">
<div id="div">
</div>
</table>