js内のテーブル内のtdを編集および更新する方法

Question

テーブル内のtdを編集および更新する必要があります。私は "編集"ボタンをクリックしてテーブルを編集し、同様に保存をクリックしてテーブルを更新する必要があります。

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

ソリューション：あなたのソリューションでは、次のJSFiddleを考えてみましょう。次の関数は、データをtdに "保存"します。

function saveCell() {...} 

注：あなたが物理的にどこかでそれを保存したい場合は、PHPなどのサーバーサイドの言語を使用する必要があります。