javaweb03

03_JavaWeb/.idea/workspace.xml

@@ -5,12 +5,8 @@
   </component>
   <component name="ChangeListManager">
     <list default="true" id="2ce05ad0-7cdc-4302-a675-df76078d761e" name="Changes" comment="">
-      <change afterPath="$PROJECT_DIR$/02_js/js_dom/01Dom查找.html" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/02_js/js_dom/02Dom操作.html" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/02_js/js_dom/03事件.html" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/02_js/js_dom/04作业.html" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/02_js/js基础/05_对象.html" beforeDir="false" afterPath="$PROJECT_DIR$/02_js/js基础/05_对象.html" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/02_js/js_dom/04作业.html" beforeDir="false" afterPath="$PROJECT_DIR$/02_js/js_dom/04作业.html" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -84,7 +80,7 @@
       <workItem from="1683700399258" duration="7520000" />
       <workItem from="1683780340465" duration="1830000" />
       <workItem from="1683807809083" duration="8000" />
-      <workItem from="1683939941039" duration="15519000" />
+      <workItem from="1683939941039" duration="16739000" />
     </task>
     <servers />
   </component>

03_JavaWeb/02_js/js_dom/04作业.html

@@ -148,7 +148,7 @@
         //"+(length+1)+"
 
         let trStr = "<tr>\n" +
-            "        <td class='number' >"+(length+1)+"</td>\n" +
+            "        <td class=\"number\" >"+(length+1)+"</td>\n" +
             "        <td>"+username+"</td>\n" +
             "        <td>"+password+"</td>\n" +
             "        <td>"+schoolName+"</td>\n" +
@@ -290,20 +290,26 @@
 
     }
 
+
     //修改保存
     function editSave(){
         let td1s =  document.getElementsByClassName("number");
 
         for (let i = 0; i < td1s.length; i++) {
-            if (td1s[i] == editNumber){
+            if (td1s[i].innerText == editNumber){
                 //构建新tr 替换td1s[i]
-
-
-
+                let tr = buildTr()
+                let old = td1s[i].parentElement;
+                let parent = td1s[i].parentElement.parentElement;
+                console.log(tr)
+                console.log(old)
+                parent.replaceChild(tr,old)
             }
         }
     }
 
+    document.getElementById("btnEdit").onclick = editSave;
+
     function buildTr(){
         //获取用户名
         let username = document.getElementsByName("username")[0].value;
@@ -334,21 +340,61 @@
 
         //构建tr
         let tr = document.createElement("tr");
-        tr.append("     <tr>\n" +
-            "        <td class=\"number\">1</td>\n" +
-            "        <td>张三</td>\n" +
-            "        <td>123123</td>\n" +
-            "        <td>黑龙江大学</td>\n" +
-            "        <td>男</td>\n" +
-            "        <td>北京</td>\n" +
-            "        <td>15555555555</td>\n" +
+
+        tr.innerHTML = " <td class=\"number\" >"+(editNumber)+"</td>\n" +
+            "        <td>"+username+"</td>\n" +
+            "        <td>"+password+"</td>\n" +
+            "        <td>"+schoolName+"</td>\n" +
+            "        <td>"+sexElement+"</td>\n" +
+            "        <td>"+address+"</td>\n" +
+            "        <td>"+phone+"</td>\n" +
             "        <td>\n" +
             "            <a href=\"#\" class=\"del\" onclick=\"del(this)\" >删除</a>\n" +
             "            <a href=\"#\" class=\"edit\" >修改</a>\n" +
-            "        </td>\n" +
-            "    </tr> ")
-
-
+            "        </td>\n" ;
+
+        // let td1 = document.createElement("td")
+        // let td1Text = document.createTextNode(editNumber)
+        // td1.append(td1Text)
+        // tr.append(td1)
+        //
+        //
+        // let td2 = document.createElement("td")
+        // let td2Text = document.createTextNode(username)
+        // td2.append(td1Text)
+        // tr.append(td2)
+        //
+        // let td3 = document.createElement("td")
+        // let td3Text = document.createTextNode(password)
+        // td3.append(td3Text)
+        // tr.append(td3)
+        //
+        // let td4 = document.createElement("td")
+        // let td4Text = document.createTextNode(schoolName)
+        // td4.append(td4Text)
+        // tr.append(td4)
+        //
+        // let td5 = document.createElement("td")
+        // let td5Text = document.createTextNode(sexElement)
+        // td5.append(td5Text)
+        // tr.append(td5)
+        //
+        // let td6 = document.createElement("td")
+        // let td6Text = document.createTextNode(address)
+        // td6.append(td6Text)
+        // tr.append(td6)
+        //
+        // let td7 = document.createElement("td")
+        // let td7Text = document.createTextNode(phone)
+        // td7.append(td7Text)
+        // tr.append(td7)
+        //
+        // let td8 = document.createElement("td")
+        // let td8Text = document.createTextNode(phone)
+        // td8.append(td8Text)
+        // tr.append(td8)
+
+        return tr;
 
     }