Rendering: Code: js fügt Tabelle data_2.html dynamisch hinzu Code kopieren Der Code lautet wie folgt: ; js dynamisch hinzufügen Data_2 verwendet die Methoden insertRow und insertCell, um zu implementieren; Eine C#-Frage", "name": "Zhang San", "date": "21.03.2014" }, <br>{ "title": "Eine Javascript-Frage", "name": "李思" , „Datum“: „21.03.2014“ }, <br>{ „Titel“: „Eine c-Frage“, „Name“: „五五“, „Datum“: „21.03.2014“ }, <br>{ „title“: „A c questions“, „name“: „Zhao Liu“, „date“: „2014-03-21“ } <br>]; window.onload = function () { <br>loadTab(); <br>//Alle auswählen<br>document.getElementById("selA").onclick = function() { <br>if (document.getElementById( " selA").checked == true) { <br>seleAll(tab, true); <br>} else { <br>seleAll(tab, false); <br>} <br>}; <br>/ / Alle ausgewählten löschen <br>document.getElementById("delSel").onclick = function() { <br>//Alle Eingabesteuerelemente durchlaufen (außer dem letzten Kontrollkästchen, das alle ausgewählt ist) <br><br>var chks = document.getElementsByTagName('input'); <br><br>for (var i = chks.length - 2; i >=0; i--) { <br>var chk = chks[i ]; 🎜>if (chk.checked==true) { <br>//Ausgewählte Zeilenlöschungsverarbeitung<br>var rowNow = chk.parentNode.parentNode; <br>rowNow.parentNode.removeChild(rowNow); <br>} else { <br>alert("wirklich"); <br>} <br>}; <br><br>function loadTab() { <br>tab = document. getElementById("tb"); <br>//Fügen Sie die mailArr-Schleifendurchlaufmethode zur Tabelle in Form von tr hinzu <br>for (var rowindex = 0; rowindex < mailArr.length; rowindex ) { <BR> / /var tr = tab.insertRow(-1); //-1 bezieht sich auf die letzte Zeile <BR><BR>var tr = tab.insertRow(tab.rows.length - 1); //In die letzten beiden einfügen rows, Die letzte Zeile sollte für die Zeile reserviert sein, die alle auswählt. <br>var td1 = tr.insertCell(-1); <br>var td2 = tr.insertCell(-1); <br>td2.innerHTML = mailArr[rowindex].title; <br>var td3 = tr.insertCell(-1); <BR>td3.innerHTML = mailArr [rowindex].name ; <BR>var td4 = tr.insertCell(-1); <BR>td4.innerHTML = mailArr[rowindex].date} <BR>//Um die Die Schaltfläche „Alle auswählen“ ist wirksam, nur um alle Tabellenzeilen zu durchlaufen <br><br>function seleAll(mailTab, isSel) { <BR>for (var i = 0; i < mailTab.rows.length; i ) { <BR> var tr = mailTab .rows[i]; <BR>tr.cells[0].childNodes[0].checked = isSel; ></ head> <br><body><table id="tb" border="1" style="border-collapse;"> ><th>Sequenz</th> <br><th>Titel</th> </tr> <br><!-- Schleife erhöhen--> ;td colspan="4"> <br><input id="selA" type="checkbox" /><label for="selA">select all</label> href="#" id="delSel">Delete</a></td> <br></table> ;/html> <br><br> </div>