想了2小時(shí)終于找到一個(gè)還湊合的方法,但有點(diǎn)問(wèn)題,大神來(lái)幫忙
1,經(jīng)過(guò)事件精確到一小格了,但是感覺(jué)代碼有點(diǎn)多,用&&或者||不起作用。
2.添加一行或者刪除一行代碼,序號(hào)名字可以自動(dòng)排列了,但是刪除的時(shí)候會(huì)把前兩個(gè)名字也修改了,這是代碼問(wèn)題。我想讓函數(shù)從刪除的那一行的下一個(gè)開(kāi)始chenge,可是不知道怎么寫(xiě),
2018-01-10
請(qǐng)問(wèn)樓主add()函數(shù)的最后兩個(gè)循環(huán)是什么作用?bgcChange是啥?
2017-11-20
你是想要?jiǎng)h除一個(gè)人之后,把所有人的信息調(diào)整過(guò)來(lái)吧,那你可以在刪除函數(shù)后調(diào)用一個(gè)重新排序命名的函數(shù),排序簡(jiǎn)單,然后名字的話可以弄一個(gè)IF語(yǔ)句判斷,如果名字的第一個(gè)字是‘’第‘’則按順序修改為"第" + i + "個(gè)",如果不是的話,就不修改
2017-11-20
經(jīng)過(guò)事件應(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)改變背景,可以通過(guò)給每行綁定鼠標(biāo)移上事件和鼠標(biāo)移除事件來(lái)改變所在行背景色。
? ? ? ? ? ? ? ? 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";
? ? ? ? ? ? ? ? }
? ? ? ? ? ? }
? ? ? ? ? ? // 編寫(xiě)一個(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é)號(hào)</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
加油,我是混積分的