From 074785cea106179cb3305637055ab0a009ca74f2 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:42:52 -0500 Subject: initial commit --- files/ru/web/api/htmltableelement/index.html | 200 +++++++++++++++++++++ .../web/api/htmltableelement/insertrow/index.html | 154 ++++++++++++++++ 2 files changed, 354 insertions(+) create mode 100644 files/ru/web/api/htmltableelement/index.html create mode 100644 files/ru/web/api/htmltableelement/insertrow/index.html (limited to 'files/ru/web/api/htmltableelement') diff --git a/files/ru/web/api/htmltableelement/index.html b/files/ru/web/api/htmltableelement/index.html new file mode 100644 index 0000000000..31bfff1ca8 --- /dev/null +++ b/files/ru/web/api/htmltableelement/index.html @@ -0,0 +1,200 @@ +--- +title: HTMLTableElement +slug: Web/API/HTMLTableElement +tags: + - API + - HTML DOM + - Reference + - Référence(2) + - Интерфейсы +translation_of: Web/API/HTMLTableElement +--- +
+
{{APIRef("HTML DOM")}}
+
+ +

Объекты table описывают интерфейс HTMLTableElement, который содержит дополнительные свойства и методы (по сравнению с обычным объектным интерфейсом element которые также доступны вследствии наследования) для управления внешним видом таблиц HTML.

+ +

Свойства

+ +

Наследует свойства от родителя, {{domxref("HTMLElement")}}.

+ +
+
table.caption
+
caption возвращает заголовок таблицы.
+
table.tHead
+
tHead возвращает header таблицы.
+
table.tFoot
+
tFoot возвращает footer таблицы.
+
table.rows
+
rows возвращает строки таблицы.
+
table.tBodies
+
tBodies возвращает тела таблицы.
+
+ +
+
table.align
+
align возвращает/устанавливает выравнивание таблицы.
+
table.bgColor
+
bgColor возвращает/устанавливает цвет фона таблицы.
+
table.border
+
border возвращает/устанавливает рамку таблицы.
+
table.cellPadding
+
cellPadding возвращает/устанавливает cellpadding.
+
table.cellSpacing
+
cellSpacing возвращает/устанавливает cellspacing.
+
table.frame
+
frame определяет, какие стороны таблицы имеют рамку.
+
table.rules
+
rules определяет, какие внутренние рамки являются видимыми.
+
table.summary
+
summary возвращает/устанавливает описание таблицы.
+
table.width
+
width возвращает/устанавливает ширину таблицы.
+
+ +

Методы

+ +

Наследует методы от своего родителя, {{domxref("HTMLElement")}}.

+ +
+
table.createTHead
+
createTHead создает header таблицы.
+
table.deleteTHead
+
deleteTHead удаляет header таблицы.
+
table.createTFoot
+
createTFoot создает footer таблицы.
+
table.deleteTFoot
+
deleteTFoot удаляет footer таблицы.
+
table.createCaption
+
createCaption создает заголовок таблицы.
+
table.deleteCaption
+
deleteCaption удаляет заголовок таблицы.
+
table.insertRow
+
insertRow вставляет строку.
+
table.deleteRow
+
deleteRow удаляет строку.
+
+ +

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

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
СпецификацияСтатусКомментарий
{{SpecName('HTML WHATWG', "tabular-data.html#the-table-element", "HTMLTableElement")}}{{Spec2('HTML WHATWG')}}Добавляет свойство sortable и метод stopSorting().
{{SpecName('HTML5 W3C', "tabular-data.html#the-table-element", "HTMLTableElement")}}{{Spec2('HTML5 W3C')}}Добавляет метод createTBody().
+ Obsoleted xaz
{{SpecName('DOM2 HTML', 'html.html#ID-64060425', 'HTMLTableElement')}}{{Spec2('DOM2 HTML')}}Defined when caption, tHead, tFoot, insertRow(), and deleteRow() raise exceptions.
{{SpecName('DOM1', 'level-one-html.html#ID-64060425', 'HTMLTableElement')}}{{Spec2('DOM1')}}Initial definition.
+ +

Browser compatibility

+ +
{{CompatibilityTable}}
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari (WebKit)
Basic support{{CompatVersionUnknown}}{{CompatGeckoDesktop(1.0)}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
sortable property and stopSorting() method {{experimental_inline}}{{CompatNo}}{{CompatNo}}{{CompatNo}}{{CompatNo}}{{CompatNo}}
createTBody(){{CompatVersionUnknown}}{{CompatGeckoDesktop(25.0)}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FeatureAndroidFirefox Mobile (Gecko)IE PhoneOpera MobileSafari Mobile
Basic support{{CompatVersionUnknown}}{{CompatGeckoMobile(1.0)}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
sortable property and stopSorting() method {{experimental_inline}}{{CompatNo}}{{CompatNo}}{{CompatNo}}{{CompatNo}}{{CompatNo}}
createTBody(){{CompatVersionUnknown}}{{CompatGeckoMobile(25.0)}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
+
+ +

См. также

+ + + +

diff --git a/files/ru/web/api/htmltableelement/insertrow/index.html b/files/ru/web/api/htmltableelement/insertrow/index.html new file mode 100644 index 0000000000..ea8d0f16aa --- /dev/null +++ b/files/ru/web/api/htmltableelement/insertrow/index.html @@ -0,0 +1,154 @@ +--- +title: HTMLTableElement.insertRow() +slug: Web/API/HTMLTableElement/insertRow +tags: + - API + - HTML DOM + - HTMLTableElement + - Method + - Reference +translation_of: Web/API/HTMLTableElement/insertRow +--- +
+
+
{{APIRef("HTML DOM")}}
+
+
+ +

Метод HTMLTableElement.insertRow()добавляет новую строку в таблицу и возвращает на неё ссылку.

+ +

Синтаксис

+ +
var row = HTMLTableElement.insertRow(optional index = -1);
+ + + +

Пример

+ +
<table id="TableA">
+<tr>
+<td>Old top row</td>
+</tr>
+</table>
+<script type="text/javascript">
+
+function addRow(tableID) {
+  // Get a reference to the table
+  var tableRef = document.getElementById(tableID);
+
+  // Insert a row in the table at row index 0
+  var newRow = tableRef.insertRow(0);
+
+  // Insert a cell in the row at index 0
+  var newCell = newRow.insertCell(0);
+
+  // Append a text node to the cell
+  var newText = document.createTextNode('New top row');
+  newCell.appendChild(newText);
+}
+
+// Call addRow() with the ID of a table
+addRow('TableA');
+
+</script>
+ +

Чтобы быть валидным HTML документом, элемент TR должен содержать хотя бы один TD элемент.

+ +

Обратите внимание, что insertRow добавляет строку непосредственно в таблицу и возвращает ссылку на эту строку. Строку не нужно добавлять отдельно, как в случае с методомdocument.createElement(), для создания нового TR элемента.

+ +

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

+ + + + + + + + + + + + + + + + + + + + + + + + +
СпецификацииСтатусКомментарии
{{SpecName("HTML WHATWG", "tables.html#dom-table-insertrow", "HTMLTableElement.insertRow()")}}{{Spec2("HTML WHATWG")}}
{{SpecName("DOM2 HTML", "html.html#ID-93995626", "HTMLTableElement.insertRow()")}}{{Spec2("DOM2 HTML")}}Specifies in more detail where the row is inserted.
{{SpecName("DOM1", "level-one-html.html#ID-39872903", "HTMLTableElement.insertRow()")}}{{Spec2("DOM1")}}Initial definition
+ +

Поддержка браузерами

+ +
{{CompatibilityTable}}
+ +
+ + + + + + + + + + + + + + + + + + + + + +
FeatureChromeEdgeFirefox (Gecko)Internet ExplorerOperaSafari
Basic support4{{CompatVersionUnknown}}3[1]5.5104
+
+ +
+ + + + + + + + + + + + + + + + + + + + + +
FeatureAndroidEdgeFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Basic support{{CompatUnknown}}{{CompatVersionUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
+
+ +

[1] Начиная с Gecko 20.0 {{geckoRelease("20.0")}} аргумент index опционален и значением по умолчанию является -1 согласно спецификации HTML.

+ +

Смотри также

+ + -- cgit v1.2.3-54-g00ecf