Heim >Web-Frontend >HTML-Tutorial >Wie lösche ich Zeilen aus einer Tabelle mit JavaScript DOM?
Wie lösche ich Zeilen aus einer Tabelle mit JavaScript DOM?
- WBOYnach vorne
- 2023-09-08 09:41:021214Durchsuche
Um Zeilen aus einer Tabelle in JavaScript zu löschen, verwenden Sie die DOM-Methode deleteRow().
Beispiel
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!
Stellungnahme：
Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen
Vorheriger Artikel：Vergleich von HTML 5 und XHTML 1.0 TransitionalNächster Artikel：Vergleich von HTML 5 und XHTML 1.0 Transitional