HTMLTableElement
Базовая поддержка Широко доступна
Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с июля 2015 года.
Интерфейс HTMLTableElement предоставляет специальные свойства и методы (сверх обычного интерфейса объекта HTMLElement, который он также наследует) для управления макетом и представлением таблиц в HTML-документе.
Свойства экземпляра
Наследует свойства от родительского класса HTMLElement.
HTMLTableElement.caption-
Объект
HTMLTableCaptionElement, представляющий первый<caption>, являющийся потомком элемента, илиnull, если такового нет. При установке, если объект не соответствует<caption>, выбрасывается исключениеDOMExceptionс именемHierarchyRequestError. Если объект корректен, он вставляется в дерево в качестве первого потомка этого элемента, а первый<caption>, являющийся потомком данного элемента, удаляется из дерева, если таковой имеется. HTMLTableElement.tHead-
Объект
HTMLTableSectionElement, представляющий первый<thead>, являющийся потомком элемента, илиnull, если такового нет. При установке, если объект не соответствует<thead>, выбрасывается исключениеDOMExceptionс именемHierarchyRequestError. Если объект корректен, он вставляется в дерево непосредственно перед первым элементом, который не является<caption>ни<colgroup>, или в качестве последнего потомка, если такого элемента нет, и первый<thead>, являющийся потомком этого элемента, удаляется из дерева, если таковой имеется. HTMLTableElement.tFoot-
Объект
HTMLTableSectionElement, представляющий первый<tfoot>, являющийся потомком элемента, илиnull, если такового нет. При установке, если объект не соответствует<tfoot>, выбрасывается исключениеDOMExceptionс именемHierarchyRequestError. Если объект корректен, он вставляется в дерево непосредственно перед первым элементом, который не является<caption>,<colgroup>, ни<thead>, или в качестве последнего потомка, если такого элемента нет, и первый<tfoot>, являющийся потомком этого элемента, удаляется из дерева, если таковой имеется. -
HTMLTableElement.rowsТолько для чтения -
Возвращает живой
HTMLCollection, содержащий все строки элемента, то есть все<tr>, являющиеся потомками элемента, или потомками одного из его<thead>,<tbody>и<tfoot>потомков. Элементы<thead>появляются первыми, в порядке обхода дерева, а элементы<tbody>последними, также в порядке обхода дерева.HTMLCollectionявляется живым и автоматически обновляется при измененииHTMLTableElement. -
HTMLTableElement.tBodiesТолько для чтения -
Возвращает живой
HTMLCollection, содержащий все<tbody>элемента.HTMLCollectionявляется живым и автоматически обновляется при измененииHTMLTableElement.
Устаревшие свойства
Предупреждение: следующие свойства устарели. Следует избегать их использования.
-
HTMLTableElement.alignУстаревшее -
Строка, содержащая перечисление значений, отражающих атрибут
align. Он указывает выравнивание содержимого элемента по отношению к окружающему контексту. Возможные значения —"left","right", и"center". -
HTMLTableElement.bgColorУстаревшее -
Строка, содержащая цвет фона ячеек. Она отражает устаревший атрибут
bgColor. -
HTMLTableElement.borderУстаревшее -
Строка, содержащая ширину границы таблицы в пикселях. Она отражает устаревший атрибут
border. -
HTMLTableElement.cellPaddingУстаревшее -
Строка, содержащая ширину горизонтального и вертикального отступа между содержимым ячейки и её границами в пикселях. Она отражает устаревший атрибут
cellpadding. -
HTMLTableElement.cellSpacingУстаревшее -
Строка, содержащая ширину горизонтального и вертикального отступа между ячейками в пикселях. Она отражает устаревший атрибут
cellspacing. -
HTMLTableElement.frameУстаревшее -
Строка, содержащая тип внешних границ таблицы. Она отражает устаревший атрибут
frameи может принимать одно из следующих значений:"void","above","below","hsides","vsides","lhs","rhs","box", или"border". -
HTMLTableElement.rulesУстаревшее -
Строка, содержащая тип внутренних границ таблицы. Она отражает устаревший атрибут
rulesи может принимать одно из следующих значений:"none","groups","rows","cols", или"all". -
HTMLTableElement.summaryУстаревшее -
Строка, содержащая описание цели или структуры таблицы. Она отражает устаревший атрибут
summary. -
HTMLTableElement.widthУстаревшее -
Строка, содержащая длину в пикселях или процентах желаемой ширины всей таблицы. Она отражает устаревший атрибут
width.
Методы экземпляра
Наследует методы от родителя, HTMLElement.
HTMLTableElement.createTHead()-
Возвращает
HTMLTableSectionElement, представляющий первый<thead>, который является дочерним элементом. Если таковой не найден, создаётся новый и вставляется в дерево сразу перед первым элементом, который не является<caption>ни<colgroup>, или в качестве последнего дочернего элемента, если такого нет. HTMLTableElement.deleteTHead()-
Удаляет первый
<thead>, являющийся дочерним элементом. HTMLTableElement.createTFoot()-
Возвращает
HTMLTableSectionElement, представляющий первый<tfoot>, который является дочерним элементом. Если таковой не найден, создаётся новый и вставляется в дерево как последний дочерний элемент. HTMLTableElement.deleteTFoot()-
Удаляет первый
<tfoot>, являющийся дочерним элементом. HTMLTableElement.createTBody()-
Возвращает
HTMLTableSectionElement, представляющий новый<tbody>, который является дочерним элементом. Он вставляется в дерево после последнего элемента, являющегося<tbody>, или в качестве последнего дочернего элемента, если такового нет. HTMLTableElement.createCaption()-
Возвращает
HTMLElement, представляющий первый<caption>, который является дочерним элементом. Если таковой не найден, создаётся новый и вставляется в дерево в качестве первого дочернего элемента элемента<table>. HTMLTableElement.deleteCaption()-
Удаляет первый
<caption>, являющийся дочерним элементом. HTMLTableElement.insertRow()-
Возвращает
HTMLTableRowElement, представляющий новую строку таблицы. Вставляет её в коллекцию строк непосредственно перед элементом<tr>в заданнойindexпозиции. При необходимости создаётся<tbody>. Еслиindexимеет значение-1, новая строка добавляется в конец коллекции. Еслиindexменьше-1или больше количества строк в коллекции, возбуждаетсяDOMExceptionсо значениемIndexSizeError. HTMLTableElement.deleteRow()-
Удаляет строку, соответствующую
indexв параметре. Если значениеindexравно-1, удаляется последняя строка; если оно меньше-1или больше количества строк в коллекции, возбуждаетсяDOMExceptionсо значениемIndexSizeError.
Спецификации
| Спецификация |
|---|
| HTML # htmltableelement |
Совместимость с браузерами
| Настольные | Мобильные | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на IOS | Samsung Internet | WebView Android | |
HTMLTableElement |
1 | 12 | 1 | ≤12.1 | 3 | 18 | 4 | ≤12.1 | 1 | 1.0 | 4.4 |
align |
1 | 12 | 1 | ≤12.1 | 3 | 18 | 4 | ≤12.1 | 1 | 1.0 | 4.4 |
bgColor |
1 | 12 | 1 | ≤12.1 | 3 | 18 | 4 | ≤12.1 | 1 | 1.0 | 4.4 |
border |
1 | 12 | 1 | ≤12.1 | 3 | 18 | 4 | ≤12.1 | 1 | 1.0 | 4.4 |
caption |
1 | 12 | 1 | ≤12.1 | 3 | 18 | 4 | ≤12.1 | 1 | 1.0 | 4.4 |
cellPadding |
1 | 12 | 1 | ≤12.1 | 3 | 18 | 4 | ≤12.1 | 1 | 1.0 | 4.4 |
cellSpacing |
1 | 12 | 1 | ≤12.1 | 3 | 18 | 4 | ≤12.1 | 1 | 1.0 | 4.4 |
createCaption |
1 | 12 | 1 | ≤12.1 | 3 | 18 | 4 | ≤12.1 | 1 | 1.0 | 4.4 |
createTBody |
20 | 12 | 25 | 15 | 6 | 25 | 25 | 14 | 6 | 1.5 | 4.4 |
createTFoot |
1 | 12 | 1 | ≤12.1 | 3 | 18 | 4 | ≤12.1 | 1 | 1.0 | 4.4 |
createTHead |
1 | 12 | 1 | ≤12.1 | 3 | 18 | 4 | ≤12.1 | 1 | 1.0 | 4.4 |
deleteCaption |
1 | 12 | 1 | ≤12.1 | 3 | 18 | 4 | ≤12.1 | 1 | 1.0 | 4.4 |
deleteRow |
1 | 12 | 1 | ≤12.1 | 3 | 18 | 4 | ≤12.1 | 1 | 1.0 | 4.4 |
deleteTFoot |
1 | 12 | 1 | ≤12.1 | 3 | 18 | 4 | ≤12.1 | 1 | 1.0 | 4.4 |
deleteTHead |
1 | 12 | 1 | ≤12.1 | 3 | 18 | 4 | ≤12.1 | 1 | 1.0 | 4.4 |
frame |
1 | 12 | 1 | ≤12.1 | 3 | 18 | 4 | ≤12.1 | 1 | 1.0 | 4.4 |
insertRow |
1 | 12 | 1Начиная с Firefox 20, параметрindex стал необязательным и по умолчанию равен -1 в соответствии со спецификацией HTML. |
10 | 4 | 18 | 4Начиная с Firefox для Android 20, параметрindex стал необязательным и по умолчанию равен -1 в соответствии со спецификацией HTML. |
10.1 | 3 | 1.0 | ≤37 |
rows |
1 | 12 | 1 | ≤12.1 | 3 | 18 | 4 | ≤12.1 | 1 | 1.0 | 4.4 |
rules |
1 | 12 | 1 | ≤12.1 | 3 | 18 | 4 | ≤12.1 | 1 | 1.0 | 4.4 |
summary |
1 | 12 | 1 | ≤12.1 | 3 | 18 | 4 | ≤12.1 | 1 | 1.0 | 4.4 |
tBodies |
1 | 12 | 1 | ≤12.1 | 3 | 18 | 4 | ≤12.1 | 1 | 1.0 | 4.4 |
tFoot |
1 | 12 | 1 | ≤12.1 | 3 | 18 | 4 | ≤12.1 | 1 | 1.0 | 4.4 |
tHead |
1 | 12 | 1 | ≤12.1 | 3 | 18 | 4 | ≤12.1 | 1 | 1.0 | 4.4 |
width |
1 | 12 | 1 | ≤12.1 | 3 | 18 | 4 | ≤12.1 | 1 | 1.0 | 4.4 |
См. также
- HTML-элемент, реализующий этот интерфейс:
<table>.
© 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