CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

[JS] Ajouter ligne à une table

News jeu

Expeditions: Samurai veut révolutionner le RPG tactique avec une aventure entièrement jouable en coop

Voir
Polochyz
Polochyz
Niveau 26
16 octobre 2014 à 19:52:32

Bonsoir, voilà le topo.

J'ai une page HTML avec une table (3 lignes, 5 colonnes).

J'ai besoin d'avoir un bouton "Ajouter ligne", qui crée une ligne supplémentaire et remplir les 5 cells.

J'ai essayé 3 fonctions différentes, mais je n'y arrive pas.

1er :

function addRow(tableau)
{

// Methode 1

var newRow = tableau.insertRow(-1);
var newCell = newRow.insertCell(0);
console.log(document.getElementById('date').value
);

var newCell2 = newRow.insertCell(1);
var newCell3= newRow.insertCell(2);
var newCell4=newRow.insertCell(3);
var newCell5=newRow.insertCell(4);
var newText =document.createTextNode("salut");
newCell.appendChild(newText);

}

2eme :
function addRow2(tableau)
{

var tr=document.createElement('tr');
var td=document.createElement('td');
var td2=document.createElement('td');
var td3=document.createElement('td');
var td4=document.createElement('td');
var td5=document.createElement('td');

tableau.appendChild(tr);
tr.appendChild(td);

var texte=document.createTextNode("salut");
td.appendChild(texte);
td2.appendChild(texte);

}

3eme : function addRow3()
{
console.log("salut");
var tr = document.createElement('tr');
for (var i=0; i < 5; i++)
tr.appendChild(document.createElement('td'));
document.getElementById('table2').getElementsByTag
Name('tbody')[0].appendChild(tr);

}

ça parait con, mais rien ne se produit ... quelqu'un a une idée ?

Merci

Sous forums
  • Aide à l'achat Mac
  • Création de Jeux
  • Linux
  • Création de sites web
  • Programmation
  • Internet
  • Steam Deck
  • Macintosh
  • Hardware
La vidéo du moment