---
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>
<div>
 {{CompatibilityTable}}</div>
<div id="compat-desktop">
 <table class="compat-table">
  <tbody>
   <tr>
    <th>機能</th>
    <th>Chrome</th>
    <th>Firefox (Gecko)</th>
    <th>Internet Explorer</th>
    <th>Opera</th>
    <th>Safari (WebKit)</th>
   </tr>
   <tr>
    <td>基本サポート</td>
    <td>{{CompatVersionUnknown}}</td>
    <td>{{CompatGeckoDesktop(1.0)}}</td>
    <td>{{CompatVersionUnknown}}</td>
    <td>{{CompatVersionUnknown}}</td>
    <td>{{CompatVersionUnknown}}</td>
   </tr>
  </tbody>
 </table>
</div>
<div id="compat-mobile">
 <table class="compat-table">
  <tbody>
   <tr>
    <th>機能</th>
    <th>Android</th>
    <th>Firefox Mobile (Gecko)</th>
    <th>IE Phone</th>
    <th>Opera Mobile</th>
    <th>Safari Mobile</th>
   </tr>
   <tr>
    <td>基本サポート</td>
    <td>{{CompatVersionUnknown}}</td>
    <td>{{CompatGeckoMobile(1.0)}}</td>
    <td>{{CompatVersionUnknown}}</td>
    <td>{{CompatVersionUnknown}}</td>
    <td>{{CompatVersionUnknown}}</td>
   </tr>
  </tbody>
 </table>
</div>
<h2 id="See_also" name="See_also">関連情報</h2>
<ul>
 <li>{{HTMLElement("table")}} - <code>HTMLTableElement</code> インタフェースを持つ HTML 要素</li>
</ul>
<p><span id="cke_bm_222C" style="display: none;"> </span></p>