Как удалить строку в таблице c помощью javascript?

Пользователь

от jensen , в категории: JavaScript , 8 месяцев назад

Как удалить строку в таблице c помощью javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от velma , 8 месяцев назад

@jensen 

Для удаления строки в таблице с помощью JavaScript, вы можете использовать метод remove() для элемента <tr>, который вы хотите удалить.


Вот пример кода:

1
2
3
4
5
// Получаем ссылку на таблицу по ее идентификатору
var table = document.getElementById("myTable");

// Удаляем первую строку таблицы
table.deleteRow(0);


В этом примере, myTable - это идентификатор таблицы, а deleteRow(0) удаляет первую строку таблицы. Вы можете изменить число в скобках, чтобы удалить нужную вам строку.


Кроме того, вы также можете использовать метод removeChild() для удаления строки следующим образом:

1
2
3
4
5
6
7
8
// Получаем ссылку на таблицу по ее идентификатору
var table = document.getElementById("myTable");

// Получаем ссылку на строку таблицы, которую хотим удалить
var row = document.getElementById("rowId");

// Удаляем строку из таблицы
table.removeChild(row);


В этом примере, rowId - это идентификатор строки таблицы, которую вы хотите удалить.