程序如下,如果用tt.deleteRow(3)删除了第3行,那如何让<div>的id和内容重新排列? <html> <head> <script> function deltt(j) { tt.deleteRow(j); for(i=0;i<tt.rows.length;i++){ t = i + 1; tt[t].innerHTML = t; //总是提示‘tt[...]’为空或不是对象 } } </script> </head>
<body> <form name="form1" method="post"> <table id="tt"> <tr><td><div id="tt1">1</div></td></tr> <tr><td><div id="tt2">2</div></td></tr> <tr><td><div id="tt3">3</div></td></tr> <tr><td><div id="tt4">4</div></td></tr> <tr><td><div id="tt5">5</div></td></tr> <tr><td><div id="tt6">6</div></td></tr> <tr><td><div id="tt7">7</div></td></tr> <tr><td><div id="tt8">8</div></td></tr> <tr><td><input type="button" value="DEL" onClick="deltt(3);"></td></tr> </table> </form> </body> </html>
|