Das Beispiel in diesem Artikel beschreibt die JS-Methode zum dynamischen Hinzufügen von Zeilen zu einer Tabelle. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:
Der folgende JS-Code fügt über die insertRow-Methode des Tabellenobjekts dynamisch eine neue Zeile oben in der Tabelle hinzu
<!DOCTYPE html> <html> <head> <script> function insRow() { var x=document.getElementById('myTable').insertRow(0); var y=x.insertCell(0); var z=x.insertCell(1); y.innerHTML="NEW CELL1"; z.innerHTML="NEW CELL2"; } </script> </head> <body> <table id="myTable" border="1"> <tr> <td>Row1 cell1</td> <td>Row1 cell2</td> </tr> <tr> <td>Row2 cell1</td> <td>Row2 cell2</td> </tr> <tr> <td>Row3 cell1</td> <td>Row3 cell2</td> </tr> </table> <br> <input type="button" onclick="insRow()" value="Insert row"> </body> </html>
Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.