Bir tablodaki td'yi düzenleme ve güncelleme js

Question

Tablodaki td'yi düzenleme ve güncelleme ihtiyacı var. "Düzenleme" düğmesine tıkladığımda tabloyu düzenlemem ve kaydetmeyi tıkladığınızda da bunu güncellemem gerekiyor.

function editCell(e) { 
    var t = document.getElementById("table"); 
    var trs = t.getElementsByTagName("tr"); 
    var tds = null; 
    tds = trs[i].getElementsByTagName("td"); 

    tds[3].appendChild(firstname); 
    tds.innerHTML = firstname.value; 

    tds[4].appendChild(lastname); 
    tds.innerHTML = lastname.value; 

    tds[5].appendChild(email); 
    tds.innerHTML = email.value; 

    tds[6].appendChild(phnumber); 
    tds.innerHTML = phnumber.value; 

} 

JsFiddle

Answer 1

Çözüm: sizin çözüm ile aşağıdaki JSFiddle düşünün. Aşağıdaki işlev verileri td'ye "kaydeder".

function saveCell() {...} 

Not: fiziksel olarak bir yere kaydetmek istiyorsanız Eğer PHP gibi bir sunucu tarafı dil kullanmak gerekir.