blob: e953fc58c03043335a746cd57150f16f6cb603c1 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
|
---
title: HTMLTableElement
slug: Web/API/HTMLTableElement
tags:
- DOM
- DOM Reference
translation_of: Web/API/HTMLTableElement
---
<div>
{{ApiRef}}</div>
<p><code>table</code> オブジェクトは、 HTML の table 要素のレイアウトやプレゼンテーションを操作する為の特別なプロパティとメソッドを提供する <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-64060425"><code>HTMLTableElement</code></a> インタフェースを公開します。<br>
係るプロパティとメソッドは、{{domxref("Element")}} オブジェクトインタフェースからも継承により操作可能となっています。</p>
<h2 id="Properties" name="Properties">プロパティ</h2>
<dl>
<dt>
{{domxref("HTMLTableElement.caption")}}</dt>
<dd>
対象テーブルの caption 要素を返す</dd>
<dt>
{{domxref("HTMLTableElement.tHead")}}</dt>
<dd>
対象テーブルの thead 要素を返す</dd>
<dt>
{{domxref("HTMLTableElement.tFoot")}}</dt>
<dd>
対象テーブルの tfoot 要素を返す</dd>
<dt>
{{domxref("HTMLTableElement.rows")}}</dt>
<dd>
対象テーブルの行を返す</dd>
<dt>
{{domxref("HTMLTableElement.tBodies")}}</dt>
<dd>
対象テーブルの tbody 要素を返す</dd>
</dl>
<dl>
<dt>
{{domxref("HTMLTableElement.align")}} {{Deprecated_inline}}</dt>
<dd>
対象テーブルの align 属性の取得 / 設定</dd>
<dt>
{{domxref("HTMLTableElement.bgColor")}} {{Deprecated_inline}}</dt>
<dd>
対象テーブルの bgcolor 属性の取得 / 設定</dd>
<dt>
{{domxref("HTMLTableElement.border")}} {{Deprecated_inline}}</dt>
<dd>
対象テーブルの border 属性の取得 / 設定</dd>
<dt>
{{domxref("HTMLTableElement.cellPadding")}}</dt>
<dd>
対象テーブルの cellpadding 属性の取得 / 設定</dd>
<dt>
{{domxref("HTMLTableElement.cellSpacing")}}</dt>
<dd>
対象テーブルの cellspacing 属性の取得 / 設定</dd>
<dt>
{{domxref("HTMLTableElement.frame")}}</dt>
<dd>
対象テーブルのどの方向の辺にボーダーを表示するか、あるいはしないかを設定</dd>
<dt>
{{domxref("HTMLTableElement.rules")}}</dt>
<dd>
対象テーブルの 行 / 列 / グループ のボーダーの表示の有無を設定</dd>
<dt>
{{domxref("HTMLTableElement.summary")}}</dt>
<dd>
対象テーブルの summary 属性（概要）の取得 / 設定</dd>
<dt>
{{domxref("HTMLTableElement.width")}}</dt>
<dd>
対象テーブルの width 属性の取得 / 設定</dd>
</dl>
<h2 id="Methods" name="Methods">メソッド</h2>
<dl>
<dt>
{{domxref("HTMLTableElement.createTHead")}}</dt>
<dd>
対象テーブル内に thead 要素を生成</dd>
<dt>
{{domxref("HTMLTableElement.deleteTHead")}}</dt>
<dd>
対象テーブル内の thead 要素の削除</dd>
<dt>
{{domxref("HTMLTableElement.createTFoot")}}</dt>
<dd>
対象テーブル内に tfoot 要素を生成</dd>
<dt>
{{domxref("HTMLTableElement.deleteTFoot")}}</dt>
<dd>
対象テーブル内の tfoot 要素の削除</dd>
<dt>
{{domxref("HTMLTableElement.createCaption")}}</dt>
<dd>
対象テーブル内に caption 要素を生成</dd>
<dt>
{{domxref("HTMLTableElement.deleteCaption")}}</dt>
<dd>
対象テーブル内の caption 要素の削除</dd>
<dt>
{{domxref("HTMLTableElement.insertRow")}}</dt>
<dd>
対象テーブル内に新たな行を挿入</dd>
<dt>
{{domxref("HTMLTableElement.deleteRow")}}</dt>
<dd>
対象テーブル内の行の削除</dd>
</dl>
<h2 id="Specifications" name="Specifications">仕様</h2>
<table class="standard-table">
<tbody>
<tr>
<th scope="col">仕様書</th>
<th scope="col">策定状況</th>
<th scope="col">コメント</th>
</tr>
<tr>
<td>{{SpecName('HTML WHATWG', "tabular-data.html#the-table-element", "HTMLTableElement")}}</td>
<td>{{Spec2('HTML WHATWG')}}</td>
<td>optional -1 for indexRow + sortable + stopSorting()</td>
</tr>
<tr>
<td>{{SpecName('HTML5 W3C', "tabular-data.html#the-table-element", "HTMLTableElement")}}</td>
<td>{{Spec2('HTML5 W3C')}}</td>
<td> </td>
</tr>
<tr>
<td>{{SpecName('DOM2 HTML', 'html.html#ID-64060425', 'HTMLTableElement')}}</td>
<td>{{Spec2('DOM2 HTML')}}</td>
<td> </td>
</tr>
<tr>
<td>{{SpecName('DOM1', 'level-one-html.html#ID-64060425', 'HTMLTableElement')}}</td>
<td>{{Spec2('DOM1')}}</td>
<td>最初期の定義</td>
</tr>
</tbody>
</table>
<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザ実装状況</h2>
<p>{{Compat("api.HTMLTableElement")}}</p>
<h2 id="See_also" name="See_also">関連情報</h2>
<ul>
<li>{{HTMLElement("table")}} - <code>HTMLTableElement</code> インタフェースを持つ HTML 要素</li>
</ul>
<p><span id="cke_bm_222C" class="hidden"> </span></p>
|
