communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > js tutoriel > Ajouter et supprimer dynamiquement des lignes de tableau js implémentation code_javascript compétences

Ajouter et supprimer dynamiquement des lignes de tableau js implémentation code_javascript compétences

WBOY
Libérer： 2016-05-16 16:57:48
original
1172 Les gens l'ont consulté
Copier le code Le code est le suivant :



< ;script language="javascript">
//Ajouter une ligne à la table de la fenêtre
function addNewRow(){
var tabObj=document.getElementById("myTab");//Get la table pour ajouter des données
var rowsNum = tabObj.rows.length; //Obtenir le nombre actuel de lignes
var colsNum=tabObj.rows[rowsNum-1].cells.length;//Obtenir le nombre de colonnes de la ligne
var myNewRow = tabObj. insertRow(rowsNum);//Insérer une nouvelle ligne
var newTdObj1=myNewRow.insertCell(0);
newTdObj1.innerHTML="";
var newTdObj2=myNewRow.insertCell(1);
newTdObj2.innerHTML="";
var newTdObj3=myNewRow.insertCell(2);
newTdObj3.innerHTML="";
var newTdObj4=myNewRow.insertCell (3);
newTdObj4.innerHTML=" ";
}
//Supprimer une ligne dans le tableau de la fenêtre
function removeRow(){
var chkObj=document.getElementsByName("chkArr");
var tabObj=document.getElementById("myTab");
for(var k=0;k if(chkObj[k].checked){
tabObj.deleteRow(k 1);
k=-1;
}
}
}






 
 
                                                                                                                                    class="top-bt liebiao-c" align="center" >Nom du nœud
   
Étiquettes associées：
js删除表格行
source：php.cn
Article précédent：Problème d'ordre d'exécution de la fonction Ajax dans jquery : comment configurer timing_jquery Article suivant：Entrez directement pour obtenir l'effet de cliquer sur un bouton et déclencher les compétences de clic event_javascript
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
Comment supprimer l'espace sous chaque ligne du tableau Tic-Tac-Toe dans Next.js en utilisant CSS ? Pourquoi y a-t-il un espace sous chaque ligne ? (CSS) J'essaie de créer une application Ne...
Depuis 2024-04-05 11:39:02
0
1
1431
Problèmes jQuery.remove() et array.splice() J'ai donc une page qui contient une liste d'articles et une liste de courses. Si vous ajou...
Depuis 2024-04-04 17:21:35
0
1
347
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
J'ai du mal à supprimer des objets profonds Mon composant Vue utilise un objet à l'intérieur d'un objet pour afficher des éléments. Lo...
Depuis 2024-04-03 21:48:14
0
1
302
Code Google Sheets : résolution des problèmes d'autorisation et des erreurs de placement des données J'écris mon premier code en utilisant Google Script. Je rencontre un problème avec mon cod...
Depuis 2024-04-03 09:26:47
0
1
278
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
OpérationProportion des nœuds