Maison > Article > interface Web > Comment supprimer des lignes d'un tableau à l'aide de JavaScript DOM ?
Comment supprimer des lignes d'un tableau à l'aide de JavaScript DOM ?
- WBOYavant
- 2023-09-08 09:41:021133parcourir
Pour supprimer des lignes d'un tableau en JavaScript, utilisez la méthode DOM deleteRow().
Exemple
Vous pouvez essayer d'exécuter le code suivant pour comprendre comment supprimer des lignes du tableau. Ce code supprime une ligne à la fois -
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>Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Déclaration：
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer
Article précédent：Comparaison de HTML 5 et XHTML 1.0 TransitionalArticle suivant：Comparaison de HTML 5 et XHTML 1.0 Transitional