var del = document.createElement('input');
del.type = 'button';
del.name = 'delll';
del.value = 'del';
del.onclick = function(){ };
var table = document.getElementById("myTableData");
var tableBody = document.createElement('TBODY');
table.appendChild(tableBody);
var tr = document.createElement('TR');
tableBody.appendChild(tr);
var td = document.createElement('TD');
td.width='175';
td.appendChild(el);
tr.appendChild(td);
var td = document.createElement('TD');
td.width='245';
td.appendChild(objLabel);
td.appendChild(objLabel2);
tr.appendChild(td);
var td = document.createElement('TD');
td.width='245';
td.appendChild(el_s);
td.appendChild(el_sm);
td.appendChild(el_sy);
tr.appendChild(td);
**var td = document.createElement('TD');
td.width='20';
td.appendChild(del);
tr.appendChild(td);**
myTableData.appendChild(table);
上記のコードでは、テーブルを動的に作成し、NAME フィールド GENDER フィールドと DATE OF BIRTH フィールドと DELETE BUTTON を追加しました。
コードは次のように機能します。最初に、ユーザーは NAME GENDER AND DOB に詳細を入力する必要があります。DELETE ボタンをクリックすると、フィールドを含む列がテーブルから削除されます。
ここに削除用のコードを挿入する必要があります。
del.onclick = function(){ };