想了2小時終于找到一個還湊合的方法，但有點問題，大神來幫忙
1，經過事件精確到一小格了，但是感覺代碼有點多，用&&或者||不起作用。
2.添加一行或者刪除一行代碼，序號名字可以自動排列了，但是刪除的時候會把前兩個名字也修改了，這是代碼問題。我想讓函數從刪除的那一行的下一個開始chenge，可是不知道怎么寫，
qq_灰色頭像_17
2017-09-23
5 回答
舉報
0/150
提交
取消
2018-01-10
請問樓主add()函數的最后兩個循環是什么作用？bgcChange是啥？
2017-11-20
你是想要刪除一個人之后，把所有人的信息調整過來吧，那你可以在刪除函數后調用一個重新排序命名的函數，排序簡單，然后名字的話可以弄一個IF語句判斷，如果名字的第一個字是‘’第‘’則按順序修改為"第" + i + "個"，如果不是的話，就不修改
2017-11-20
經過事件應該給tr添加，給td添加就是一小格了
2017-09-26
<!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 () {
? ? ? ? ? ? ? ? // 鼠標移動改變背景,可以通過給每行綁定鼠標移上事件和鼠標移除事件來改變所在行背景色。
? ? ? ? ? ? ? ? var tr = document.getElementsByTagName("tr");
? ? ? ? ? ? ? ? for (i = 0; i < tr.length; i++) {
? ? ? ? ? ? ? ? ? ? bg(tr[i]);
? ? ? ? ? ? ? ? }
? ? ? ? ? ? }
? ? ? ? ? ? function bg(obj) {
? ? ? ? ? ? ? ? obj.onmouseover = function () {
? ? ? ? ? ? ? ? ? ? obj.style.backgroundColor = "#fff222";
? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? obj.onmouseout = function () {
? ? ? ? ? ? ? ? ? ? obj.style.backgroundColor = "#ffffff";
? ? ? ? ? ? ? ? }
? ? ? ? ? ? }
? ? ? ? ? ? // 編寫一個函數，供添加按鈕調用，動態在表格的最后一行添加子節點；
? ? ? ? ? ? var num = 2;
? ? ? ? ? ? function add() {
? ? ? ? ? ? ? ? num++;
? ? ? ? ? ? ? ? var tr = document.createElement("tr");
? ? ? ? ? ? ? ? var xh = document.createElement("td");
? ? ? ? ? ? ? ? var xm = document.createElement("td");
? ? ? ? ? ? ? ? var sc = document.createElement("td");
? ? ? ? ? ? ? ? var table = document.getElementById("table");
? ? ? ? ? ? ? ? if (num < 10) {
? ? ? ? ? ? ? ? ? ? xh.innerHTML = "xh00" + num;
? ? ? ? ? ? ? ? } else if (num > 99) {
? ? ? ? ? ? ? ? ? ? xh.innerHTML = "xh" + num;
? ? ? ? ? ? ? ? } else {
? ? ? ? ? ? ? ? ? ? xh.innerHTML = "xh0" + num;
? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? xm.innerHTML = "第" + num + "個";
? ? ? ? ? ? ? ? sc.innerHTML = "<a href='javascript:;' onclick='del(this);'>刪除</a>"
? ? ? ? ? ? ? ? tr.appendChild(xh);
? ? ? ? ? ? ? ? tr.appendChild(xm);
? ? ? ? ? ? ? ? tr.appendChild(sc);
? ? ? ? ? ? ? ? table.appendChild(tr);
? ? ? ? ? ? ? ? var tr = document.getElementsByTagName("tr");
? ? ? ? ? ? ? ? ?for (i = 1; i < tr.length; i++) {
? ? ? ? ? ? ? ? ? ? if (i < 10) {
? ? ? ? ? ? ? ? ? ? ? ? tr[i].childNodes[0].innerHTML = "xh00" + i;
? ? ? ? ? ? ? ? ? ? } else if (i > 99) {
? ? ? ? ? ? ? ? ? ? ? ? tr[i].childNodes[0].innerHTML = "xh" + i;
? ? ? ? ? ? ? ? ? ? } else {
? ? ? ? ? ? ? ? ? ? ? ? tr[i].childNodes[0].innerHTML = "xh0" + i;
? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? ? ? tr[i].childNodes[1].innerHTML = "第" + i + "個";
? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? ? for (i = 0; i < tr.length; i++) {
? ? ? ? ? ? ? ? ? ? bg(tr[i]);
? ? ? ? ? ? ? ? }
? ? ? ? ? ? }
? ? ? ? ? ? // 創建刪除函數
? ? ? ? ? ? function del(obj) {
? ? ? ? ? ? ? ? var sc = obj.parentNode.parentNode;
? ? ? ? ? ? ? ? sc.parentNode.removeChild(sc);
? ? ? ? ? ? ? ? var tr = document.getElementsByTagName("tr");
? ? ? ? ? ? ? ? for (i = 1; i < tr.length; i++) {
? ? ? ? ? ? ? ? ? ? if (i < 10) {
? ? ? ? ? ? ? ? ? ? ? ? tr[i].childNodes[0].innerHTML = "xh00" + i;
? ? ? ? ? ? ? ? ? ? } else if (i > 99) {
? ? ? ? ? ? ? ? ? ? ? ? tr[i].childNodes[0].innerHTML = "xh" + i;
? ? ? ? ? ? ? ? ? ? } else {
? ? ? ? ? ? ? ? ? ? ? ? tr[i].childNodes[0].innerHTML = "xh0" + i;
? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? ? ? tr[i].childNodes[1].innerHTML = "第" + i + "個";
? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ?
? ? ? ? ? ? }
? ? ? ? </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="del(this);">刪除</a></td></tr>
? ? ? ? ? ? <tr><td>xh002</td><td>劉小芳</td><td><a href="javascript:;" onclick="del(this);">刪除</a></td></tr>??
? ? ? ? </table>
? ? ? ? <input type="button" value="添加一行"? onclick="add();"/>? ?<!--在添加按鈕上添加點擊事件? -->?
? ? ? ?
? ? </body>
</html>
2017-09-23
加油，我是混積分的