想了2小時(shí)終于找到一個(gè)還湊合的方法，但有點(diǎn)問題，大神來幫忙
1，經(jīng)過事件精確到一小格了，但是感覺代碼有點(diǎn)多，用&&或者||不起作用。
2.添加一行或者刪除一行代碼，序號名字可以自動(dòng)排列了，但是刪除的時(shí)候會(huì)把前兩個(gè)名字也修改了，這是代碼問題。我想讓函數(shù)從刪除的那一行的下一個(gè)開始chenge，可是不知道怎么寫，
qq_灰色頭像_17
2017-09-23
5 回答
舉報(bào)
0/150
提交
取消
2018-01-10
請問樓主add()函數(shù)的最后兩個(gè)循環(huán)是什么作用？bgcChange是啥？
2017-11-20
你是想要?jiǎng)h除一個(gè)人之后，把所有人的信息調(diào)整過來吧，那你可以在刪除函數(shù)后調(diào)用一個(gè)重新排序命名的函數(shù)，排序簡單，然后名字的話可以弄一個(gè)IF語句判斷，如果名字的第一個(gè)字是‘’第‘’則按順序修改為"第" + i + "個(gè)"，如果不是的話，就不修改
2017-11-20
經(jīng)過事件應(yīng)該給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 () {
? ? ? ? ? ? ? ? // 鼠標(biāo)移動(dòng)改變背景,可以通過給每行綁定鼠標(biāo)移上事件和鼠標(biāo)移除事件來改變所在行背景色。
? ? ? ? ? ? ? ? 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";
? ? ? ? ? ? ? ? }
? ? ? ? ? ? }
? ? ? ? ? ? // 編寫一個(gè)函數(shù)，供添加按鈕調(diào)用，動(dòng)態(tài)在表格的最后一行添加子節(jié)點(diǎn)；
? ? ? ? ? ? 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 + "個(gè)";
? ? ? ? ? ? ? ? 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 + "個(gè)";
? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? ? for (i = 0; i < tr.length; i++) {
? ? ? ? ? ? ? ? ? ? bg(tr[i]);
? ? ? ? ? ? ? ? }
? ? ? ? ? ? }
? ? ? ? ? ? // 創(chuàng)建刪除函數(shù)
? ? ? ? ? ? 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 + "個(gè)";
? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ?
? ? ? ? ? ? }
? ? ? ? </script>? ??
? ? </head>?
? ? <body>?
? ? ? ? <table border="1" width="50%" id="table">
? ? ? ? ? ? <tr>
? ? ? ? ? ? ? ? <th>學(xué)號</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();"/>? ?<!--在添加按鈕上添加點(diǎn)擊事件? -->?
? ? ? ?
? ? </body>
</html>
2017-09-23
加油，我是混積分的