Maison >interface Web >js tutoriel >JS ajoute dynamiquement les compétences de mise en œuvre TR et TD de Table_javascript

JS ajoute dynamiquement les compétences de mise en œuvre TR et TD de Table_javascript

WBOY
WBOYoriginal
2016-05-16 16:17:301312parcourir

L'exemple de cet article décrit les méthodes d'implémentation TR et TD d'ajout dynamique de table à l'aide de JS. Partagez-le avec tout le monde pour votre référence. La méthode de mise en œuvre spécifique est la suivante :

Copier le code Le code est le suivant :
var tempRow=0;
var maxRows=0;
function insertRows(){
tempRow=table1.rows.length-1; maxRows=tempRow;
tempRow=tempRow 1;
var Rows=table1.rows;//Lignes de type tableau
var newRow=table1.insertRow(table1.rows.length);//Insérer une nouvelle ligne
var Cells=newRow.cells;//Cellules de type tableau
pour (i=0;i<2;i)//7 colonnes de données dans chaque ligne
{
var newCell=Rows(newRow.rowIndex).insertCell(Cells.length
); newCell.align="centre";
interrupteur (i)
{
cas 0 : newCell.innerHTML="corpName" ; cas 1 : newCell.innerHTML="delete"; ;
}
}
maxRows =1 ;
}
function delTableRow(rowNum){
if (table1.rows.length >rowNum){
table1.deleteRow(rowNum);
}
}



Nom de l'entreprise Opération




J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.
Déclaration:
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