Метод Table deleteRow()

Объект Table DOM HTML

Определение и использование

deleteRow() Метод удаляет строку из таблицы по заданному индексу.

Совет:Используйте insertRow() Создание и вставка новой строки.

См. также:

HTML справочник:Тег <tr> HTML

Пример

Пример 1

Удалите первую строку таблицы:

document.getElementById("myTable").deleteRow(0);

Попробуйте сами

Пример 2

Удалите строку, на которую вы klikнули:

function deleteRow(r) {
  var i = r.parentNode.parentNode.rowIndex;
  document.getElementById("myTable").deleteRow(i);
}

Попробуйте сами

Пример 3

Создание и удаление строк:

function myCreateFunction() {
  var table = document.getElementById("myTable");
  var row = table.insertRow(0);
  var cell1 = row.insertCell(0);
  var cell2 = row.insertCell(1);
  cell1.innerHTML = "NEW CELL1";
  cell2.innerHTML = "NEW CELL2";
}
function myDeleteFunction() {
  document.getElementById("myTable").deleteRow(0);
}

Попробуйте сами

Синтаксис

tableObject.deleteRow(index)

Значение параметра

Параметр Описание
index

Обязателен в Firefox и Opera, опционален в IE, Chrome и Safari.

Целое число, определяющее положение строки, которую нужно удалить (начиная с 0).

Значение 0 приведет к удалению первой строки.

Также можно использовать значение -1, что приведет к удалению последней строки.

Если параметр опущен, deleteRow() удалит последнюю строку в IE, и первую строку в Chrome и Safari.

Возвратное значение:

Нет возвращаемого значения.

Поддержка браузеров

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка Поддержка Поддержка Поддержка Поддержка

Объект Table DOM HTML