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