HTMLTableElement: метод deleteRow()

Базовая Широко поддерживается

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с июля 2015 года.

Метод HTMLTableElement.deleteRow() удаляет определённую строку (<tr>) из заданной <table>.

Синтаксис

deleteRow(index)

Параметры

index: index — целое число, представляющее строку, которую нужно удалить. Однако, специальный индекс -1 может использоваться для удаления последней строки таблицы.

Возвращаемое значение

None (undefined).

Исключения

IndexSizeError DOMException: Выбрасывается, если index больше или равно количеству доступных строк или имеет отрицательное значение, отличное от -1.

Примеры

В этом примере JavaScript используется для удаления второй строки таблицы.

HTML

<table>
  <tr>
    <td>Cell 1.1</td>
    <td>Cell 1.2</td>
    <td>Cell 1.3</td>
  </tr>
  <tr>
    <td>Cell 2.1</td>
    <td>Cell 2.2</td>
    <td>Cell 2.3</td>
  </tr>
  <tr>
    <td>Cell 3.1</td>
    <td>Cell 3.2</td>
    <td>Cell 3.3</td>
  </tr>
</table>

JavaScript

let table = document.querySelector("table");

// Delete second row
table.deleteRow(1);

Результат

Спецификации

Спецификация
HTML # dom-table-deleterow-dev

Совместимость с браузерами

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`deleteRow`	1	12	1	≤12.1	3	18	4	≤12.1	1	1.0	4.4

См. также

HTMLTableSectionElement.deleteRow()

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLTableElement/deleteRow