简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > js tutoriel > le corps du texte

Introduction détaillée à la mise en œuvre de l'ajout et de la suppression dynamiques de tables JavaScript

黄舟
Libérer： 2017-03-21 14:46:38
original
1353 Les gens l'ont consulté

Cet article présente principalement JavaScript pour implémenter l'ajout et la suppression dynamiques de tableaux, qui peuvent réaliser la fonction d'ajout et de suppression de données dans les tableaux. C'est très pratique. Ceux qui sont intéressés peuvent en apprendre davantage. 🎜>

ci-dessus Remplissez la zone de texte avec "Nom/E-mail/Âge" pour ajouter ou supprimer dynamiquement des cellules dans le tableau ci-dessous


Effet :

Introduction détaillée à la mise en œuvre de lajout et de la suppression dynamiques de tables JavaScript

1 .Code HTML : 

<body>
<p align="center" id="info">
  姓名 : <input type="text" id = "username"> 
  Email : <input type="text" id = "email"> 
  年龄 : <input type="text" id = "age"> 
</p>

<p align="center"><input type="button" value="添加" onclick="addRow()"></p>
<hr>
<table align="center" border="1" id = "testTble" style="width: 60%;text-align: center;border:1px solid lightgreen">
  <tr>
    <td>姓名</td>
    <td>Email</td>
    <td>年龄</td>
    <td>操作</td>
  </tr>
</table>
Copier après la connexion
2.

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!

Étiquettes associées：
JavaScript，增删表格
source：php.cn
Article précédent：JavaScript bootstrap HTML implémente une sélection hiérarchique de boîte à sélection multiple, une sélection de couche complète et des exemples de code de fonction de sélection multiple Article suivant：Partage d'un exemple de code pour JavaScript afin d'implémenter deux options de liste déroulante de sélection pour se déplacer à gauche et à droite
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Titre révisé : Calculer le total en fonction de la sélection d'une case à cocher Je développe une application simple de suivi financier. Dans l'application, il y a un tabl...
Depuis 2024-04-04 13:45:50
0
1
3465
Comment aligner les images en utilisant la grille CSS ? J'essaie de créer une partie d'un site Web en utilisant une grille CSS. J'essaie de faire ...
Depuis 2024-04-01 22:08:31
0
1
338
Les éléments de la liste de tâches JavaScript incluent désormais des boutons de suppression J'essaie d'ajouter un bouton Supprimer à chaque élément d'une liste. Les ajouter fonctionn...
Depuis 2024-04-01 20:45:18
0
1
372
Comment conserver les X premières lignes et supprimer les lignes du tableau J'ai une grande table avec des millions d'enregistrements dans MySQLincident_archive, je s...
Depuis 2024-04-01 18:32:54
0
1
347
Comment éliminer des caractères répétés spécifiques dans une chaîne ? J'ai une chaîne simple avec quelques caractères répétitifs. Quelqu'un peut-il m'aider à co...
Depuis 2024-03-31 10:50:33
0
2
368
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！