HTMLTableCellElement
interface provides special properties and methods (beyond the regular
HTMLElement
interface it also has available to it by inheritance) for manipulating the layout and presentation of table cells, either header or data cells, in an HTML document.
<div id="interfaceDiagram" style="display: inline-block; position: relative; width: 100%; padding-bottom: 20%; vertical-align: middle; overflow: hidden;"><svg style="display: inline-block; position: absolute; top: 0; left: 0;" viewbox="-50 0 600 120" preserveAspectRatio="xMinYMin meet"><a xlink:href="../API/EventTarget.html" target="_top"><rect x="1" y="1" width="110" height="50" fill="#fff" stroke="#D4DDE4" stroke-width="2px" /><text x="56" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">EventTarget</text></a><polyline points="111,25 121,20 121,30 111,25" stroke="#D4DDE4" fill="none"/><line x1="121" y1="25" x2="151" y2="25" stroke="#D4DDE4"/><a xlink:href="../API/Node" target="_top"><rect x="151" y="1" width="75" height="50" fill="#fff" stroke="#D4DDE4" stroke-width="2px" /><text x="188.5" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">Node</text></a><polyline points="226,25 236,20 236,30 226,25" stroke="#D4DDE4" fill="none"/><line x1="236" y1="25" x2="266" y2="25" stroke="#D4DDE4"/><a xlink:href="../API/Element" target="_top"><rect x="266" y="1" width="75" height="50" fill="#fff" stroke="#D4DDE4" stroke-width="2px" /><text x="303.5" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">Element</text></a><polyline points="341,25 351,20 351,30 341,25" stroke="#D4DDE4" fill="none"/><line x1="351" y1="25" x2="381" y2="25" stroke="#D4DDE4"/><a xlink:href="../API/HTMLElement" target="_top"><rect x="381" y="1" width="110" height="50" fill="#fff" stroke="#D4DDE4" stroke-width="2px" /><text x="436" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">HTMLElement</text></a><polyline points="491,25 501,20 501,30 491,25" stroke="#D4DDE4" fill="none"/><line x1="501" y1="25" x2="509" y2="25" stroke="#D4DDE4"/><line x1="509" y1="25" x2="509" y2="90" stroke="#D4DDE4"/><line x1="509" y1="90" x2="492" y2="90" stroke="#D4DDE4"/><a xlink:href="../API/HTMLTableCellElement" target="_top"><rect x="291" y="65" width="200" height="50" fill="#F4F7F8" stroke="#D4DDE4" stroke-width="2px" /><text x="391" y="94" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">HTMLTableCellElement</text></a></svg></div>
a:hover text { fill: #0095DD; pointer-events: all;}
继承的特性来自其父级,
HTMLElement
.
HTMLTableCellElement.abbr
DOMString
which can be used on
<th>
elements (not on
<td>
), specifying an alternative label for the header cell.. This alternate label can be used in other contexts, such as when describing the headers that apply to a data cell. This is used to offer a shorter term for use by screen readers in particular, and is a valuable accessibility tool. Usually the value of
abbr
is an abbreviation or acronym, but can be any text that's appropriate contextually.
HTMLTableCellElement.cellIndex
只读
cells
collection of the
<tr>
the cell is contained within. If the cell doesn't belong to a
<tr>
,它返回
-1
.
HTMLTableCellElement.colSpan
colspan
属性。
HTMLTableCellElement.headers
只读
DOMSettableTokenList
describing a list of
id
of
<th>
elements that represents headers associated with the cell. It reflects the
headers
属性。
HTMLTableCellElement.rowSpan
rowspan
属性。
HTMLTableCellElement.scope
DOMString
indicating the scope of a
<th>
cell. Header cells can be configured, using the
scope
property, the apply to a specified row or column, or to the not-yet-scoped cells within the current row group (that is, the same ancestor
<thead>
,
<tbody>
,或
<tfoot>
element). If no value is specified for
scope
, the header is not associated directly with cells in this way. Permitted values for
scope
是:
col
colspan
is used as well), until either the end of the column or another
<th>
in the column establishes a new scope.
colgroup
The header cell applies to all cells in the current column group that do not already have a scope applied to them. This value is only allowed if the cell is in a column group.
row
rowspan
is used as well), until either the end of the row or another
<th>
in the same row establishes a new scope.
rowgroup
The header cell applies to all cells in the current row group that do not already have a scope applied to them. This value is only allowed if the cell is in a row group.
""
)
The header cell has no predefined scope; the user agent will establish the scope based on contextual clues.
No specific method; inherits methods from its parent,
HTMLElement
.
警告: These properties have been 弃用 and should no longer be used. They are documented primarily to help understand older code bases.
HTMLTableCellElement.align
DOMString
containing an enumerated value reflecting the
align
attribute. It indicates the alignment of the element's contents with respect to the surrounding context. The possible values are
"left"
,
"right"
,和
"center"
.
HTMLTableCellElement.axis
DOMString
containing a name grouping cells in virtual. It reflects the obsolete
axis
属性。
HTMLTableCellElement.bgColor
DOMString
containing the background color of the cells. It reflects the obsolete
bgcolor
属性。
HTMLTableCellElement.ch
DOMString
containing one single chararcter. This character is the one to align all the cell of a column on. It reflects the
char
and default to the decimal points associated with the language, e.g.
'.'
for English, or
','
for French. This property was optional and was not very well supported.
HTMLTableCellElement.chOff
DOMString
containing a integer indicating how many characters must be left at the right (for left-to-right scripts; or at the left for right-to-left scripts) of the character defined by
HTMLTableCellElement.ch
. This property was optional and was not very well supported.
HTMLTableCellElement.height
DOMString
containing a length of pixel of the hinted height of the cell. It reflects the obsolete
height
属性。
HTMLTableCellElement.noWrap
布尔
value reflecting the
nowrap
attribute and indicating if cell content can be broken in several lines.
HTMLTableCellElement.vAlign
DOMString
representing an enumerated value indicating how the content of the cell must be vertically aligned. It reflects the
valign
attribute and can have one of the following values:
"top"
,
"middle"
,
"bottom"
,或
"baseline"
. Use the CSS
vertical-align
特性代替。
HTMLTableCellElement.width
DOMString
specifying the number of pixels wide the cell should be drawn, if possible. This property reflects the also obsolete
width
attribute. Use the CSS
width
特性代替。
| 规范 | 状态 | 注释 |
|---|---|---|
|
HTML 实时标准
The definition of 'HTMLTableCellElement' in that specification. |
实时标准 | 无变化自 HTML5 . |
|
HTML5
The definition of 'HTMLTableCellElement' in that specification. |
推荐 |
The following properties have been obsoleted:
align
,
axis
,
bgColor
,
height
,
width
,
ch
,
chOff
,
noWrap
,和
vAlign
.
headers
property is now read-only and contains a
DOMSettableTokenList
rather than a mere
DOMString
.
colspan
and
rowspan
properties are now
unsigned long
.
|
|
DOM (文档对象模型) 2 级 HTML 规范
The definition of 'HTMLTableCellElement' in that specification. |
过时 |
cellIndex
property is now read-only.
|
|
DOM (文档对象模型) 1 级规范
The definition of 'HTMLTableCellElement' in that specification. |
过时 | 初始定义。 |
| 桌面 | 移动 | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
HTMLTableCellElement
|
Chrome Yes | Edge 12 | Firefox 1 | IE Yes | Opera Yes | Safari Yes | WebView Android Yes | Chrome Android Yes | Firefox Android 4 | Opera Android Yes | Safari iOS Yes | Samsung Internet Android Yes |
abbr
|
Chrome Yes | Edge 12 | Firefox 1 | IE Yes | Opera Yes | Safari Yes | WebView Android Yes | Chrome Android Yes | Firefox Android 4 | Opera Android Yes | Safari iOS Yes | Samsung Internet Android Yes |
align
弃用
|
Chrome Yes | Edge 12 | Firefox 1 | IE Yes | Opera Yes | Safari Yes | WebView Android Yes | Chrome Android Yes | Firefox Android 4 | Opera Android Yes | Safari iOS Yes | Samsung Internet Android Yes |
axis
弃用
|
Chrome Yes | Edge 12 | Firefox 1 | IE Yes | Opera Yes | Safari Yes | WebView Android Yes | Chrome Android Yes | Firefox Android 4 | Opera Android Yes | Safari iOS Yes | Samsung Internet Android Yes |
bgColor
弃用
|
Chrome Yes | Edge 12 | Firefox 1 | IE Yes | Opera Yes | Safari Yes | WebView Android Yes | Chrome Android Yes | Firefox Android 4 | Opera Android Yes | Safari iOS Yes | Samsung Internet Android Yes |
cellIndex
|
Chrome Yes | Edge 12 | Firefox 1 | IE Yes | Opera Yes | Safari Yes | WebView Android Yes | Chrome Android Yes | Firefox Android 4 | Opera Android Yes | Safari iOS Yes | Samsung Internet Android Yes |
ch
弃用
|
Chrome Yes | Edge 12 | Firefox 1 | IE Yes | Opera Yes | Safari Yes | WebView Android Yes | Chrome Android Yes | Firefox Android 4 | Opera Android Yes | Safari iOS Yes | Samsung Internet Android Yes |
chOff
弃用
|
Chrome Yes | Edge 12 | Firefox 1 | IE Yes | Opera Yes | Safari Yes | WebView Android Yes | Chrome Android Yes | Firefox Android 4 | Opera Android Yes | Safari iOS Yes | Samsung Internet Android Yes |
colSpan
|
Chrome Yes | Edge 12 | Firefox 1 | IE Yes | Opera Yes | Safari Yes | WebView Android Yes | Chrome Android Yes | Firefox Android 4 | Opera Android Yes | Safari iOS Yes | Samsung Internet Android Yes |
headers
|
Chrome Yes | Edge 12 | Firefox 1 | IE Yes | Opera Yes | Safari Yes | WebView Android Yes | Chrome Android Yes | Firefox Android 4 | Opera Android Yes | Safari iOS Yes | Samsung Internet Android Yes |
height
弃用
|
Chrome Yes | Edge 12 | Firefox 1 | IE Yes | Opera Yes | Safari Yes | WebView Android Yes | Chrome Android Yes | Firefox Android 4 | Opera Android Yes | Safari iOS Yes | Samsung Internet Android Yes |
noWrap
弃用
|
Chrome Yes | Edge 12 | Firefox 1 | IE Yes | Opera Yes | Safari Yes | WebView Android Yes | Chrome Android Yes | Firefox Android 4 | Opera Android Yes | Safari iOS Yes | Samsung Internet Android Yes |
rowSpan
|
Chrome Yes | Edge 12 | Firefox 1 | IE Yes | Opera Yes | Safari Yes | WebView Android Yes | Chrome Android Yes | Firefox Android 4 | Opera Android Yes | Safari iOS Yes | Samsung Internet Android Yes |
scope
|
Chrome Yes | Edge 12 | Firefox 1 | IE Yes | Opera Yes | Safari Yes | WebView Android Yes | Chrome Android Yes | Firefox Android 4 | Opera Android Yes | Safari iOS Yes | Samsung Internet Android Yes |
vAlign
弃用
|
Chrome Yes | Edge 12 | Firefox 1 | IE Yes | Opera Yes | Safari Yes | WebView Android Yes | Chrome Android Yes | Firefox Android 4 | Opera Android Yes | Safari iOS Yes | Samsung Internet Android Yes |
width
弃用
|
Chrome Yes | Edge 12 | Firefox 1 | IE Yes | Opera Yes | Safari Yes | WebView Android Yes | Chrome Android Yes | Firefox Android 4 | Opera Android Yes | Safari iOS Yes | Samsung Internet Android Yes |
完整支持
弃用。不要用于新网站。
<th>
and
<td>
by inheritance via
HTMLTableHeaderCellElement
and
HTMLTableDataCellElement
.
HTMLTableCellElement
BeforeUnloadEvent
DOMStringMap
ErrorEvent
GlobalEventHandlers
HTMLAnchorElement
HTMLAreaElement
HTMLAudioElement
HTMLBRElement
HTMLBaseElement
HTMLBaseFontElement
HTMLBodyElement
HTMLButtonElement
HTMLCanvasElement
HTMLContentElement
HTMLDListElement
HTMLDataElement
HTMLDataListElement
HTMLDialogElement
HTMLDivElement
HTMLDocument
HTMLElement
HTMLEmbedElement
HTMLFieldSetElement
HTMLFormControlsCollection
HTMLFormElement
HTMLFrameSetElement
HTMLHRElement
HTMLHeadElement
HTMLHeadingElement
HTMLHtmlElement
HTMLIFrameElement
HTMLImageElement
HTMLInputElement
HTMLIsIndexElement
HTMLKeygenElement
HTMLLIElement
HTMLLabelElement
HTMLLegendElement
HTMLLinkElement
HTMLMapElement
HTMLMediaElement
HTMLMetaElement
HTMLMeterElement
HTMLModElement
HTMLOListElement
HTMLObjectElement
HTMLOptGroupElement
HTMLOptionElement
HTMLOptionsCollection
HTMLOutputElement
HTMLParagraphElement
HTMLParamElement
HTMLPictureElement
HTMLPreElement
HTMLProgressElement
HTMLQuoteElement
HTMLScriptElement
HTMLSelectElement
HTMLShadowElement
HTMLSourceElement
HTMLSpanElement
HTMLStyleElement
HTMLTableCaptionElement
HTMLTableColElement
HTMLTableDataCellElement
HTMLTableElement
HTMLTableHeaderCellElement
HTMLTableRowElement
HTMLTableSectionElement
HTMLTemplateElement
HTMLTextAreaElement
HTMLTimeElement
HTMLTitleElement
HTMLTrackElement
HTMLUListElement
HTMLUnknownElement
HTMLVideoElement
HashChangeEvent
历史
ImageData
定位
MessageChannel
MessageEvent
MessagePort
Navigator
NavigatorGeolocation
NavigatorID
NavigatorLanguage
NavigatorOnLine
NavigatorPlugins
PageTransitionEvent
Plugin
PluginArray
PopStateEvent
PortCollection
PromiseRejectionEvent
RadioNodeList
Transferable
ValidityState
Window
WindowBase64
WindowEventHandlers
WindowTimers