3
  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(){ };  
4

1 に答える 1