Journal du Net > Développeurs > Contributions > Soumettez votre meilleure astuce DHTML
Contribution précédente

APPEL
A CONTRIBUTION

Pour développer une interface Web interactive, vous utilisez les technologies du DHTML. Vous avez certainement une astuce à partager !
Participez
 Utilisez le DOM pour mettre des tables à jour  
Fabrice Chenu , Lyon

Quel est en quelques lignes l'objectif de votre astuce ?
Au lieu d'avoir recours aux méthodes insertRow et insertCell, il est plus efficace d'utiliser le DOM pour insérer des lignes et des cellules dans une table, notamment en cas de table volumineuse.

Décrivez votre astuce en détails. N'hésitez-pas à inclure des portions de codes.
Var row;
var cell;
var tbody = tblUpdate. ChildNodes[0];
tblUpdate. AppendChild( tbody );
for (var i=0;i<100;i++)
{
row = document. CreateElement( "TR" );
tbody. AppendChild( row );
for (var j=0;j<10;j++)
{
cell = document. CreateElement( "TD" );
row. AppendChild( cell );
cell. InnerText = "Ligne " + i + ",Cellule " + j;
}
}.

Publié le 23 avril 2008

Adrien Leygues
Bonjour,
quelques bonnes références : Peter Paul Koch
Jérémy
Je vais peut-être dire une bêtise, mais AppendChild ne pose pas des problèmes avec IE6 ? !
Contribution précédente
2 contributions : 1 2
 




 

© Benchmark Group, 69-71 avenue Pierre Grenier 92517 BOULOGNE BILLANCOURT Cedex

RECHERCHER