Um Zeilen aus einer Tabelle in JavaScript zu löschen, verwenden Sie die DOM-Methode deleteRow().
Sie können versuchen, den folgenden Code auszuführen, um zu verstehen, wie Zeilen in der Tabelle gelöscht werden. Dieser Code löscht jeweils eine Zeile –
Live-Demo
<!DOCTYPE html> <html> <head> <script> function captionFunc(x) { document.getElementById(x).createCaption().innerHTML = "Demo Caption"; } </script> </head> <body> <table style="border:2px solid black" id="newtable"> <tr> <td>One</td> <td>Two</td> </tr> <tr> <td>Three</td> <td>Four</td> </tr> <tr> <td>Five</td> <td>Six</td> </tr> </table> <p> <input type="button" onclick="captionFunc('newtable')" value="Display Table Caption"> </p> <p> <input type="button" value="Delete Row" onclick="document.getElementById('newtable').deleteRow(0)"> </p> </body> </html>
Das obige ist der detaillierte Inhalt vonWie lösche ich Zeilen aus einer Tabelle mit JavaScript DOM?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!