2013-09-16 3 views
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); 

В приведенном выше коде я динамически создал таблицу и добавил поле поля ИМЯ поле GENDER и поле DATE OF BIRTH и DELETE BUTTON.Как удалить строку таблицы нажатием кнопки

Код работает следующим образом: сначала пользователь должен ввести данные в NAME GENDER AND DOB, если нажата кнопка DELETE, столбцы, содержащие поля, удаляются из таблицы.
я должен вставить код для удаления здесь:

del.onclick = function(){ }; 
+1

создать скрипку пожалуйста –

ответ

0

Попробуйте это:

del.onclick = function(){ 
    var tr = document.createElement('TR'); 
    tr.parentElement.removeChild(tr); 
}; 
Смежные вопросы