Ajout d'un <td> dans un tableau par le javascript

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : Ajout d'un <td> dans un tableau par le javascript

par Berzemus » 27 oct. 2008, 10:35

Oh, c'est très simple en fait.

Il te suffit de manipuler le DOM, l'objet de la page html.

Code : Tout sélectionner

//D'abord, créer l'élément: var nouvelleLigne = document.createElement('tr'); // Créer une colonne var nouvelleColonne = document.createElement('td'); // attacher la colonne à la ligne nouvelleLigne.appendChild(nouvelleColonne); // trouver le tableau var leTableau = document.getElementById('tableau'); // attacher les éléments crées au tableau leTableau.appendChild(nouvelleLigne);
Et ça devrait le faire tout bien.

Avec le framework Jquery, ça se résumerait à ceci:

Code : Tout sélectionner

$('#tableau').append('<tr><td></td></tr');
A titre d'information
:wink:

Ajout d'un <td> dans un tableau par le javascript

par gwendal » 26 oct. 2008, 17:11

Bonjour,

J'avais fais ce truc il y a quelques mois déja, mais je ne me rappel plus comment j'avais fais, pourriez vous me remettre sur la voie S.V.P

J'ai un tableau classique avec <tr><td></td></tr> et je voudrais pouvoir cliquer sur un bouton ou un texte qui m'ajoute automatiquement une nouvelle ligne <tr><td></td></tr>

Je me rappel vaguement que cela fonctionne avec Innerhtml ou getElementById un truc dans le genre, mais je ne sais plus comment on ajoute un élément.

Merci d'avance.