From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/ja/web/api/htmltableelement/align/index.html | 44 +++++ .../ja/web/api/htmltableelement/bgcolor/index.html | 56 ++++++ .../ja/web/api/htmltableelement/border/index.html | 37 ++++ .../ja/web/api/htmltableelement/caption/index.html | 26 +++ .../api/htmltableelement/cellpadding/index.html | 31 ++++ .../api/htmltableelement/cellspacing/index.html | 31 ++++ .../api/htmltableelement/createcaption/index.html | 23 +++ .../api/htmltableelement/createtfoot/index.html | 27 +++ .../api/htmltableelement/createthead/index.html | 27 +++ .../api/htmltableelement/deletecaption/index.html | 21 +++ .../web/api/htmltableelement/deleterow/index.html | 40 +++++ .../api/htmltableelement/deletetfoot/index.html | 21 +++ .../api/htmltableelement/deletethead/index.html | 21 +++ files/ja/web/api/htmltableelement/frame/index.html | 68 ++++++++ files/ja/web/api/htmltableelement/index.html | 190 +++++++++++++++++++++ .../web/api/htmltableelement/insertrow/index.html | 114 +++++++++++++ files/ja/web/api/htmltableelement/rows/index.html | 29 ++++ files/ja/web/api/htmltableelement/rules/index.html | 56 ++++++ .../ja/web/api/htmltableelement/summary/index.html | 25 +++ .../ja/web/api/htmltableelement/tbodies/index.html | 31 ++++ files/ja/web/api/htmltableelement/tfoot/index.html | 26 +++ files/ja/web/api/htmltableelement/thead/index.html | 30 ++++ files/ja/web/api/htmltableelement/width/index.html | 29 ++++ 23 files changed, 1003 insertions(+) create mode 100644 files/ja/web/api/htmltableelement/align/index.html create mode 100644 files/ja/web/api/htmltableelement/bgcolor/index.html create mode 100644 files/ja/web/api/htmltableelement/border/index.html create mode 100644 files/ja/web/api/htmltableelement/caption/index.html create mode 100644 files/ja/web/api/htmltableelement/cellpadding/index.html create mode 100644 files/ja/web/api/htmltableelement/cellspacing/index.html create mode 100644 files/ja/web/api/htmltableelement/createcaption/index.html create mode 100644 files/ja/web/api/htmltableelement/createtfoot/index.html create mode 100644 files/ja/web/api/htmltableelement/createthead/index.html create mode 100644 files/ja/web/api/htmltableelement/deletecaption/index.html create mode 100644 files/ja/web/api/htmltableelement/deleterow/index.html create mode 100644 files/ja/web/api/htmltableelement/deletetfoot/index.html create mode 100644 files/ja/web/api/htmltableelement/deletethead/index.html create mode 100644 files/ja/web/api/htmltableelement/frame/index.html create mode 100644 files/ja/web/api/htmltableelement/index.html create mode 100644 files/ja/web/api/htmltableelement/insertrow/index.html create mode 100644 files/ja/web/api/htmltableelement/rows/index.html create mode 100644 files/ja/web/api/htmltableelement/rules/index.html create mode 100644 files/ja/web/api/htmltableelement/summary/index.html create mode 100644 files/ja/web/api/htmltableelement/tbodies/index.html create mode 100644 files/ja/web/api/htmltableelement/tfoot/index.html create mode 100644 files/ja/web/api/htmltableelement/thead/index.html create mode 100644 files/ja/web/api/htmltableelement/width/index.html (limited to 'files/ja/web/api/htmltableelement') diff --git a/files/ja/web/api/htmltableelement/align/index.html b/files/ja/web/api/htmltableelement/align/index.html new file mode 100644 index 0000000000..b80c15c978 --- /dev/null +++ b/files/ja/web/api/htmltableelement/align/index.html @@ -0,0 +1,44 @@ +--- +title: HTMLTableElement.align +slug: Web/API/HTMLTableElement/align +tags: + - DOM + - Gecko +translation_of: Web/API/HTMLTableElement/align +--- +
{{ Apiref()}} {{deprecated_header()}}
+ +

概要

+ +

align は、テーブルの配置位置 (alignment) を取得 / 設定します。

+ +

構文

+ +
HTMLTableElement.align =alignment;
+varalignment =HTMLTableElement.align;
+ +

引数

+ +
+
alignment {{deprecatedGeneric('inline','HTML4')}}
+
以下の内の何れかのキーワードを指定（或いは取得）します。 +
    +
  • left
    • +
  • center
    • +
  • right
    • +
+
+
+ +

例

+ +
// テーブルの位置を設定する
+
+var t = document.getElementById('TableA'); // 対象テーブルを取得
+t.align = 'center'; // 中央寄せ配置の指定
+ +

仕様書

+ + diff --git a/files/ja/web/api/htmltableelement/bgcolor/index.html b/files/ja/web/api/htmltableelement/bgcolor/index.html new file mode 100644 index 0000000000..153b8eda49 --- /dev/null +++ b/files/ja/web/api/htmltableelement/bgcolor/index.html @@ -0,0 +1,56 @@ +--- +title: HTMLTableElement.bgColor +slug: Web/API/HTMLTableElement/bgColor +tags: + - DOM + - Gecko +translation_of: Web/API/HTMLTableElement/bgColor +--- +
{{ ApiRef() }} {{ Deprecated_header() }}
+ +

概要

+ +

bgcolor は、テーブルの背景色を取得 / 設定します。

+ +

構文

+ +
color = table.bgColor
+table.bgColor =color
+ +

引数

+ +
+
color
+
色を表す文字列
+
+ +

例

+ +
// テーブルの背景色をゴーストホワイトに設定
+
+var t = document.getElementById('TableA'); // 対象テーブルへの参照を変数に代入
+t.bgColor = 'ghostwhite'; // テーブルに背景色を設定
+
+t.style.backgroundColor = 'ghostwhite'; // ※style 属性を設定する事によっても可能
+ +

※bgcolor は DOM の tbody、 row、 cell オブジェクトに対して用いる事も可能です。

+ +

注記

+ +

bgcolor 属性は、HTML 4.01 で非推奨属性に指定されています。 代替として CSS の {{cssxref("background-color")}} プロパティを用います。要素の style 属性にこれを設定するか、或いはスタイルシートで設定します。

+ +

スタイルと文書情報の分離を図るのであれば、スタイルシート内に特定のクラス名でスタイルを予め定義しておき、JavaScript でテーブル要素にそのクラス名を設定するなどの方法を用いる方が良いでしょう。

+ +
/* CSS */
+.ghostwhiteBackground { background-color: ghostwhite; }
+ +
/* JS */
+// ※変数 t にはテーブル要素への参照が代入済みであるとする
+
+t.setAttribute("class", "ghostwhiteBackground");
+ +

仕様書

+ + diff --git a/files/ja/web/api/htmltableelement/border/index.html b/files/ja/web/api/htmltableelement/border/index.html new file mode 100644 index 0000000000..c513e3d9e6 --- /dev/null +++ b/files/ja/web/api/htmltableelement/border/index.html @@ -0,0 +1,37 @@ +--- +title: HTMLTableElement.border +slug: Web/API/HTMLTableElement/border +tags: + - DOM + - Gecko + - Gecko DOM Reference +translation_of: Web/API/HTMLTableElement/border +--- +
+ {{ApiRef()}} {{deprecated_header()}}
+

概要

+

border は、テーブルのボーダー幅（ border 属性の値）の取得 / 設定に用います。

+

構文

+
HTMLTableElement.border =borderWidth; //取得
+borderWidth = HTMLTableElement.border; //設定
+
+
+ border
+
+ テーブルのボーダーのピクセル幅を単位無しで取得 / 設定
+
+

例

+
// テーブルのボーダー幅を 2 ピクセルに設定する例
+
+var t = document.getElementById("TableA"); // 対象とする table 要素への参照を変数 t に代入
+
+t.border = "2"; // ボーダー幅の設定
+

注記

+

border 属性は HTML 4.0 で非推奨属性となっています。代わりに CSS の {{cssxref("border-width")}} を間接的、または直接的に使用すると良いでしょう（例: table.bgColor #注記）

+

仕様書

+ diff --git a/files/ja/web/api/htmltableelement/caption/index.html b/files/ja/web/api/htmltableelement/caption/index.html new file mode 100644 index 0000000000..a473c59f83 --- /dev/null +++ b/files/ja/web/api/htmltableelement/caption/index.html @@ -0,0 +1,26 @@ +--- +title: HTMLTableElement.caption +slug: Web/API/HTMLTableElement/caption +tags: + - DOM + - Gecko + - Gecko DOM Reference +translation_of: Web/API/HTMLTableElement/caption +--- +
+ {{ApiRef()}}
+

概要

+

caption は、table 要素のキャプションを返します。

+

構文

+
string = table.caption
+

例

+
if (table.caption) {
+    // do something with the caption
+}
+

注記

+

このプロパティは、対象テーブル内に {{HTMLelement("caption")}} 要素が存在しない場合、void を返します。

+

仕様書

+ diff --git a/files/ja/web/api/htmltableelement/cellpadding/index.html b/files/ja/web/api/htmltableelement/cellpadding/index.html new file mode 100644 index 0000000000..ad8f63fa79 --- /dev/null +++ b/files/ja/web/api/htmltableelement/cellpadding/index.html @@ -0,0 +1,31 @@ +--- +title: HTMLTableElement.cellPadding +slug: Web/API/HTMLTableElement/cellPadding +tags: + - DOM + - Gecko + - Gecko DOM Reference +translation_of: Web/API/HTMLTableElement/cellPadding +--- +
+ {{Apiref()}}
+

概要

+

cellPadding は、テーブルの各セル全ての余白の設定 / 取得に用います。

+

構文

+
HTMLTableElement.cellPadding = padding;
+padding =HTMLTableElement.cellPadding;
+ +

例

+
// テーブルのセルの余白を 10px に設定する例
+
+var t = document.getElementById("TableA"); // 対象とする table 要素への参照を代入
+t.cellPadding = "10"; // 設定
+

仕様書

+ diff --git a/files/ja/web/api/htmltableelement/cellspacing/index.html b/files/ja/web/api/htmltableelement/cellspacing/index.html new file mode 100644 index 0000000000..ce08388609 --- /dev/null +++ b/files/ja/web/api/htmltableelement/cellspacing/index.html @@ -0,0 +1,31 @@ +--- +title: HTMLTableElement.cellSpacing +slug: Web/API/HTMLTableElement/cellSpacing +tags: + - DOM + - Gecko + - Gecko DOM Reference +translation_of: Web/API/HTMLTableElement/cellSpacing +--- +
+ {{ ApiRef() }}
+

概要

+

cellSpacing は、テーブルのセル間の幅の取得 / 設定に用います。

+

構文

+
HTMLTableElement.cellSpacing =spacing; //設定
+spacing =HTMLTableElement.cellSpacing; //取得
+ +

例

+
// セル間の間隔を 10 ピクセルに設定する例
+
+var t = document.getElementById('TableA');
+t.cellSpacing = "10";
+

仕様書

+ diff --git a/files/ja/web/api/htmltableelement/createcaption/index.html b/files/ja/web/api/htmltableelement/createcaption/index.html new file mode 100644 index 0000000000..339ee8b766 --- /dev/null +++ b/files/ja/web/api/htmltableelement/createcaption/index.html @@ -0,0 +1,23 @@ +--- +title: HTMLTableElement.createCaption +slug: Web/API/HTMLTableElement/createCaption +tags: + - DOM + - Gecko + - Gecko DOM Reference +translation_of: Web/API/HTMLTableElement/createCaption +--- +
+ {{ApiRef}}
+

概要

+

createCaption は、テーブル内に新たに {{htmlelement("caption")}} 要素を生成します。

+

構文

+
HTMLTableElement = table.createCaption()
+

例

+
mycap = mytable.createCaption();
+

注記

+

既にテーブル内に caption 要素が存在した場合、このメソッドはその caption 要素を返します。

+

仕様

+ diff --git a/files/ja/web/api/htmltableelement/createtfoot/index.html b/files/ja/web/api/htmltableelement/createtfoot/index.html new file mode 100644 index 0000000000..0a15f714aa --- /dev/null +++ b/files/ja/web/api/htmltableelement/createtfoot/index.html @@ -0,0 +1,27 @@ +--- +title: HTMLTableElement.createTFoot +slug: Web/API/HTMLTableElement/createTFoot +tags: + - DOM + - Gecko + - Gecko DOM Reference +translation_of: Web/API/HTMLTableElement/createTFoot +--- +
+ {{ApiRef}}
+

概要

+

createTFoot は、テーブル内に新たに {{htmlelement("tfoot")}} 要素を生成します。

+

構文

+
HTMLTableElement = table.createTFoot()
+

例

+
var mytable = document.getElementsByClassName("mytable")[0];
+
+var myfoot = mytable.createTFoot();
+
+//チェック用コード: myfoot == mytable.tFoot
+

注記

+

既にテーブル内に tfoot 要素が存在した場合、このメソッドはその tfoot 要素を返します。

+

仕様書

+ diff --git a/files/ja/web/api/htmltableelement/createthead/index.html b/files/ja/web/api/htmltableelement/createthead/index.html new file mode 100644 index 0000000000..b8b76999e2 --- /dev/null +++ b/files/ja/web/api/htmltableelement/createthead/index.html @@ -0,0 +1,27 @@ +--- +title: HTMLTableElement.createTHead +slug: Web/API/HTMLTableElement/createTHead +tags: + - DOM + - Gecko + - Gecko DOM Reference +translation_of: Web/API/HTMLTableElement/createTHead +--- +
+ {{ ApiRef() }}
+

概要

+

createTHead は、テーブル内に新たに {{htmlelement("thead")}} 要素を生成します。

+

構文

+
HTMLElementObject = table.createTHead()
+

例

+
var mytable = document.getElementById("mytable");
+
+var myhead = mytable.createTHead();
+
+//チェック用コード: myhead == mytable.tHead
+

注記

+

既にテーブル内に thead 要素が存在した場合、このメソッドはその thead 要素を返します。

+

仕様書

+ diff --git a/files/ja/web/api/htmltableelement/deletecaption/index.html b/files/ja/web/api/htmltableelement/deletecaption/index.html new file mode 100644 index 0000000000..f912393bf1 --- /dev/null +++ b/files/ja/web/api/htmltableelement/deletecaption/index.html @@ -0,0 +1,21 @@ +--- +title: HTMLTableElement.deleteCaption +slug: Web/API/HTMLTableElement/deleteCaption +tags: + - DOM + - Gecko + - Gecko DOM Reference +translation_of: Web/API/HTMLTableElement/deleteCaption +--- +
+ {{ApiRef}}
+

概要

+

deleteCaption は、テーブル内の {{htmlelement("caption")}} 要素を削除します。

+

構文

+
HTMLTableElement.deleteCaption()
+

例

+
mytable.deleteCaption();
+

仕様書

+ diff --git a/files/ja/web/api/htmltableelement/deleterow/index.html b/files/ja/web/api/htmltableelement/deleterow/index.html new file mode 100644 index 0000000000..3a00d42d4a --- /dev/null +++ b/files/ja/web/api/htmltableelement/deleterow/index.html @@ -0,0 +1,40 @@ +--- +title: HTMLTableElement.deleteRow +slug: Web/API/HTMLTableElement/deleteRow +tags: + - DOM + - Gecko + - Gecko DOM Reference +translation_of: Web/API/HTMLTableElement/deleteRow +--- +
+ {{ApiRef()}}
+

概要

+

deleteRow は、テーブルから行を取り除きます。

+

構文

+
HTMLTableElement.deleteRow(index)
+

戻り値

+

無し

+

引数

+
+
+ index
+
+ 削除対象行のインデックス（ 0 を一行目とする行番号。整数で指定）
+ 但し -1 は最終行を削除する特別なインデックスとなります。
+ -1 以外の負数は無効です。
+
+

例

+
mytable.deleteRow(1);
+// delete the second row
+

例外

+
+
+ INDEX_SIZE_ERR
+
+ 行数以上のインデックスを引数に指定した場合に、もしくは -1 以外の負数を指定した場合に、この例外がスローされます。
+
+

仕様書

+ diff --git a/files/ja/web/api/htmltableelement/deletetfoot/index.html b/files/ja/web/api/htmltableelement/deletetfoot/index.html new file mode 100644 index 0000000000..1a8998b0f9 --- /dev/null +++ b/files/ja/web/api/htmltableelement/deletetfoot/index.html @@ -0,0 +1,21 @@ +--- +title: HTMLTableElement.deleteTFoot +slug: Web/API/HTMLTableElement/deleteTFoot +tags: + - DOM + - Gecko + - Gecko DOM Reference +translation_of: Web/API/HTMLTableElement/deleteTFoot +--- +
+ {{ ApiRef }}
+

概要

+

deleteTFoot は、テーブル内の {{htmlelement("tfoot")}} 要素を削除します。

+

構文

+
HTMLTableElement.deleteTFoot()
+

例

+
mytable.deleteTFoot();
+

仕様書

+ diff --git a/files/ja/web/api/htmltableelement/deletethead/index.html b/files/ja/web/api/htmltableelement/deletethead/index.html new file mode 100644 index 0000000000..127fc0f919 --- /dev/null +++ b/files/ja/web/api/htmltableelement/deletethead/index.html @@ -0,0 +1,21 @@ +--- +title: HTMLTableElement.deleteTHead +slug: Web/API/HTMLTableElement/deleteTHead +tags: + - DOM + - Gecko + - Gecko DOM Reference +translation_of: Web/API/HTMLTableElement/deleteTHead +--- +
+ {{ApiRef}}
+

概要

+

deleteTHead は、テーブル内の {{htmlelement("thead")}} 要素を削除します。

+

構文

+
HTMLTableElement.deleteTHead()
+

例

+
mytable.deleteTHead();
+

仕様書

+ diff --git a/files/ja/web/api/htmltableelement/frame/index.html b/files/ja/web/api/htmltableelement/frame/index.html new file mode 100644 index 0000000000..b3cf08b860 --- /dev/null +++ b/files/ja/web/api/htmltableelement/frame/index.html @@ -0,0 +1,68 @@ +--- +title: HTMLTableElement.frame +slug: Web/API/HTMLTableElement/frame +tags: + - DOM + - Gecko + - Gecko DOM Reference +translation_of: Web/API/HTMLTableElement/frame +--- +
+ {{ApiRef()}}
+

概要

+

frame は、表の外辺部のボーダーの表示箇所を設定します。

+

構文

+
HTMLTableElement.frame =side;
+varside = HTMLTableElement.frame;
+

引数

+

side は以下の文字列の内の何れかです。

+
+
+ void
+
+ どの辺にも表示しない（初期値）
+
+ above
+
+ 上辺を表示
+
+ below
+
+ 下辺〃
+
+ hsides
+
+ 上下〃
+
+ vsides
+
+ 左右〃
+
+ lhs
+
+ 左辺のみ〃
+
+ rhs
+
+ 右辺のみ〃
+
+ box
+
+ border
+
+ 4 辺全て〃
+
+

例

+
// テーブルに 2 ピクセル幅のボーダーを表示する例
+
+var t = document.getElementById('TableA');
+
+t.frame  = "border"; // 全辺のボーダーを有効に
+t.border = "2px"; // 幅を 2 ピクセルに設定
+

仕様

+ diff --git a/files/ja/web/api/htmltableelement/index.html b/files/ja/web/api/htmltableelement/index.html new file mode 100644 index 0000000000..2fb98c6ee0 --- /dev/null +++ b/files/ja/web/api/htmltableelement/index.html @@ -0,0 +1,190 @@ +--- +title: HTMLTableElement +slug: Web/API/HTMLTableElement +tags: + - DOM + - DOM Reference +translation_of: Web/API/HTMLTableElement +--- +
+ {{ApiRef}}
+

table オブジェクトは、 HTML の table 要素のレイアウトやプレゼンテーションを操作する為の特別なプロパティとメソッドを提供する HTMLTableElement インタフェースを公開します。
+ 係るプロパティとメソッドは、{{domxref("Element")}} オブジェクトインタフェースからも継承により操作可能となっています。

+

プロパティ

+
+
+ {{domxref("HTMLTableElement.caption")}}
+
+ 対象テーブルの caption 要素を返す
+
+ {{domxref("HTMLTableElement.tHead")}}
+
+ 対象テーブルの thead 要素を返す
+
+ {{domxref("HTMLTableElement.tFoot")}}
+
+ 対象テーブルの tfoot 要素を返す
+
+ {{domxref("HTMLTableElement.rows")}}
+
+ 対象テーブルの行を返す
+
+ {{domxref("HTMLTableElement.tBodies")}}
+
+ 対象テーブルの tbody 要素を返す
+
+
+
+ {{domxref("HTMLTableElement.align")}} {{Deprecated_inline}}
+
+ 対象テーブルの align 属性の取得 / 設定
+
+ {{domxref("HTMLTableElement.bgColor")}} {{Deprecated_inline}}
+
+ 対象テーブルの bgcolor 属性の取得 / 設定
+
+ {{domxref("HTMLTableElement.border")}} {{Deprecated_inline}}
+
+ 対象テーブルの border 属性の取得 / 設定
+
+ {{domxref("HTMLTableElement.cellPadding")}}
+
+ 対象テーブルの cellpadding 属性の取得 / 設定
+
+ {{domxref("HTMLTableElement.cellSpacing")}}
+
+ 対象テーブルの cellspacing 属性の取得 / 設定
+
+ {{domxref("HTMLTableElement.frame")}}
+
+ 対象テーブルのどの方向の辺にボーダーを表示するか、あるいはしないかを設定
+
+ {{domxref("HTMLTableElement.rules")}}
+
+ 対象テーブルの 行 / 列 / グループ のボーダーの表示の有無を設定
+
+ {{domxref("HTMLTableElement.summary")}}
+
+ 対象テーブルの summary 属性（概要）の取得 / 設定
+
+ {{domxref("HTMLTableElement.width")}}
+
+ 対象テーブルの width 属性の取得 / 設定
+
+

メソッド

+
+
+ {{domxref("HTMLTableElement.createTHead")}}
+
+ 対象テーブル内に thead 要素を生成
+
+ {{domxref("HTMLTableElement.deleteTHead")}}
+
+ 対象テーブル内の thead 要素の削除
+
+ {{domxref("HTMLTableElement.createTFoot")}}
+
+ 対象テーブル内に tfoot 要素を生成
+
+ {{domxref("HTMLTableElement.deleteTFoot")}}
+
+ 対象テーブル内の tfoot 要素の削除
+
+ {{domxref("HTMLTableElement.createCaption")}}
+
+ 対象テーブル内に caption 要素を生成
+
+ {{domxref("HTMLTableElement.deleteCaption")}}
+
+ 対象テーブル内の caption 要素の削除
+
+ {{domxref("HTMLTableElement.insertRow")}}
+
+ 対象テーブル内に新たな行を挿入
+
+ {{domxref("HTMLTableElement.deleteRow")}}
+
+ 対象テーブル内の行の削除
+
+

仕様

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
仕様書策定状況コメント
{{SpecName('HTML WHATWG', "tabular-data.html#the-table-element", "HTMLTableElement")}}{{Spec2('HTML WHATWG')}}optional -1 for indexRow + sortable + stopSorting()
{{SpecName('HTML5 W3C', "tabular-data.html#the-table-element", "HTMLTableElement")}}{{Spec2('HTML5 W3C')}} 
{{SpecName('DOM2 HTML', 'html.html#ID-64060425', 'HTMLTableElement')}}{{Spec2('DOM2 HTML')}} 
{{SpecName('DOM1', 'level-one-html.html#ID-64060425', 'HTMLTableElement')}}{{Spec2('DOM1')}}最初期の定義
+

ブラウザ実装状況

+
+ {{CompatibilityTable}}
+
+ + + + + + + + + + + + + + + + + + + +
機能ChromeFirefox (Gecko)Internet ExplorerOperaSafari (WebKit)
基本サポート{{CompatVersionUnknown}}{{CompatGeckoDesktop(1.0)}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
+
+
+ + + + + + + + + + + + + + + + + + + +
機能AndroidFirefox Mobile (Gecko)IE PhoneOpera MobileSafari Mobile
基本サポート{{CompatVersionUnknown}}{{CompatGeckoMobile(1.0)}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
+
+

関連情報

+ +

diff --git a/files/ja/web/api/htmltableelement/insertrow/index.html b/files/ja/web/api/htmltableelement/insertrow/index.html new file mode 100644 index 0000000000..2d0a6808be --- /dev/null +++ b/files/ja/web/api/htmltableelement/insertrow/index.html @@ -0,0 +1,114 @@ +--- +title: HTMLTableElement.insertRow +slug: Web/API/HTMLTableElement/insertRow +tags: + - DOM + - Gecko + - Gecko DOM Reference +translation_of: Web/API/HTMLTableElement/insertRow +--- +
+ {{ApiRef}}
+

概要

+

insertRow は、テーブル内に新しい行を挿入します。

+

構文

+
var row = HTMLTableElement.insertRow(index);
+ +

例

+
<table id="TableA">
+  <tr>
+    <td>Old top row</td>
+  </tr>
+</table>
+
+<script type="text/javascript">
+
+function addRow(tableID) {
+  // table 要素への参照を取得し、変数に代入
+  var tableRef = document.getElementById(tableID);
+
+  // テーブルのインデックス 0 の行（一行目）に行を挿入
+  var newRow   = tableRef.insertRow(0);
+
+  // 一行目にセルを挿入
+  var newCell  = newRow.insertCell(0);
+
+  // 作成したセルにテキストノードを挿入
+  var newText  = document.createTextNode('New top row')
+  newCell.appendChild(newText);
+}
+
+// 引数にテーブルの id を指定して関数 addRow() を実行
+addRow('TableA');
+
+</script>
+ +

ブラウザ実装状況

+
+ {{CompatibilityTable}}
+
+ + + + + + + + + + + + + + + + + + + +
機能ChromeFirefox (Gecko)Internet ExplorerOperaSafari
基本サポート435.510.104
+
+
+ + + + + + + + + + + + + + + + + + + +
機能AndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
基本サポート{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
+
+

Gecko 固有の注意事項

+ +

仕様書

+ diff --git a/files/ja/web/api/htmltableelement/rows/index.html b/files/ja/web/api/htmltableelement/rows/index.html new file mode 100644 index 0000000000..b201809a2e --- /dev/null +++ b/files/ja/web/api/htmltableelement/rows/index.html @@ -0,0 +1,29 @@ +--- +title: HTMLTableElement.rows +slug: Web/API/HTMLTableElement/rows +tags: + - DOM + - Gecko + - Gecko DOM Reference +translation_of: Web/API/HTMLTableElement/rows +--- +
+ {{ApiRef}}
+

概要

+

rows は、テーブル内の全ての行のコレクションを返します。

+

構文

+
HTMLCollectionObject = table.rows
+

例

+
var mytable = document.getElementById("mytable");
+
+var myrows = mytable.rows; // mytable の行コレクション
+var firstRow = mytable.rows[0]; // mytable の最初の行
+var lastRow = mytable.rows[ mytable.rows.length - 1 ]; // mytable の最後の行
+

注記

+

Table オブジェクトの rows プロパティによって返されるコレクションには {{htmlelement("thead")}} 内、{{htmlelement("tfoot")}} 内、{{htmlelement("tfoot")}} 内、{{htmlelement("tbody")}} 内の、全ての行が含まれます。

+

テーブルセクション要素 (thead、tfoot、tbody) の rows プロパティには、そのテーブルセクション要素の行のみが含まれます。

+

仕様書

+ diff --git a/files/ja/web/api/htmltableelement/rules/index.html b/files/ja/web/api/htmltableelement/rules/index.html new file mode 100644 index 0000000000..b979aa3acb --- /dev/null +++ b/files/ja/web/api/htmltableelement/rules/index.html @@ -0,0 +1,56 @@ +--- +title: HTMLTableElement.rules +slug: Web/API/HTMLTableElement/rules +tags: + - DOM + - Gecko + - Gecko DOM Reference +translation_of: Web/API/HTMLTableElement/rules +--- +
+ {{APIRef}}
+
+  
+
+ 概要
+

rules は、テーブル内のボーダーの表示位置の設定 / 取得に用います。

+

構文

+
HTMLTableElement.rules =rules; //設定
+rules = HTMLTableElement.rules; //取得
+

引数

+

指定値及び戻り値は、次の文字列の内の一つとなります。

+
+
+ none
+
+ ボーダーを表示しない
+
+ groups
+
+ グループ間にのみボーダーを表示
+
+ rows
+
+ 行間にボーダーを表示
+
+ cols
+
+ 列間にボーダーを表示
+
+ all
+
+ 全てのセル間にボーダーを表示
+
+

例

+
// テーブルの全てのボーダーを表示する例
+
+var t = document.getElementById("TableID"); // table 要素への参照を変数に代入
+
+t.rules = "all"; // テーブルの rules プロパティに "all" を設定
+

仕様

+ diff --git a/files/ja/web/api/htmltableelement/summary/index.html b/files/ja/web/api/htmltableelement/summary/index.html new file mode 100644 index 0000000000..a20c6d04fc --- /dev/null +++ b/files/ja/web/api/htmltableelement/summary/index.html @@ -0,0 +1,25 @@ +--- +title: HTMLTableElement.summary +slug: Web/API/HTMLTableElement/summary +tags: + - DOM + - Gecko + - Gecko DOM Reference +translation_of: Web/API/HTMLTableElement/summary +--- +
+ {{ApiRef()}}
+

概要

+

summary は、テーブルの概要（summary 属性の値）の取得 / 設定に用います。

+

構文

+
HTMLTableElement.summary = string; //設定
+string =HTMLTableElement.summary; //取得
+

例

+
HTMLTableElement.summary = "Firefox の年度別推定使用者数";
+

仕様書

+ diff --git a/files/ja/web/api/htmltableelement/tbodies/index.html b/files/ja/web/api/htmltableelement/tbodies/index.html new file mode 100644 index 0000000000..0c3d993513 --- /dev/null +++ b/files/ja/web/api/htmltableelement/tbodies/index.html @@ -0,0 +1,31 @@ +--- +title: HTMLTableElement.tBodies +slug: Web/API/HTMLTableElement/tBodies +tags: + - DOM + - Gecko + - Gecko DOM Reference +translation_of: Web/API/HTMLTableElement/tBodies +--- +
+ {{ ApiRef() }}
+

概要

+

tBodies は、テーブル内の {{htmlelement("tbody")}} のコレクションを返します。

+

構文

+
HTMLCollectionObject = table.tBodies
+

例

+
length(mytable.tBodies);
+

注記

+

返されるコレクションには、暗黙の {{htmlelement("tbody")}} も含まれます。

+
<table>
+  <tr>
+    <td>cell one</td>
+  </tr>
+</table>
+
+

上記の HTML ソースの様に tbody 要素が無い場合でも、DOM は tbody 要素が存在するものと見做し、これを含めてコレクションを返します。

+

仕様書

+ diff --git a/files/ja/web/api/htmltableelement/tfoot/index.html b/files/ja/web/api/htmltableelement/tfoot/index.html new file mode 100644 index 0000000000..db9eb98092 --- /dev/null +++ b/files/ja/web/api/htmltableelement/tfoot/index.html @@ -0,0 +1,26 @@ +--- +title: HTMLTableElement.tFoot +slug: Web/API/HTMLTableElement/tFoot +tags: + - DOM + - Gecko + - Gecko DOM Reference +translation_of: Web/API/HTMLTableElement/tFoot +--- +
+ {{ ApiRef() }}
+

概要

+

tFoot は、対象テーブル内の {{htmlelement("tfoot")}} 要素を返します。

+

構文

+
HTMLTableSectionElementObject = table.tFoot
+

例

+
if (table.tFoot == my_foot) {
+   //...
+}
+

注記

+

対象テーブル内に {{htmlelement("tfoot")}} 要素が存在しない場合、このプロパティは void を返します。

+

仕様書

+ diff --git a/files/ja/web/api/htmltableelement/thead/index.html b/files/ja/web/api/htmltableelement/thead/index.html new file mode 100644 index 0000000000..60e24caa9e --- /dev/null +++ b/files/ja/web/api/htmltableelement/thead/index.html @@ -0,0 +1,30 @@ +--- +title: HTMLTableElement.tHead +slug: Web/API/HTMLTableElement/tHead +tags: + - DOM + - Gecko + - Gecko DOM Reference +translation_of: Web/API/HTMLTableElement/tHead +--- +
+ {{ ApiRef() }}
+

概要

+

tHead は、対象テーブルの {{HTMLelement('thead')}} 要素を返します。

+

構文

+
th_el = table.tHead
+

引数

+ +

例

+
if (table.tHead == my_head_el) {
+    //...
+}
+

注記

+

対象テーブル内に {{HTMLelement('thead')}} 要素が存在しない場合、このプロパティは void を返します。

+

仕様書

+ diff --git a/files/ja/web/api/htmltableelement/width/index.html b/files/ja/web/api/htmltableelement/width/index.html new file mode 100644 index 0000000000..4f4221d6c7 --- /dev/null +++ b/files/ja/web/api/htmltableelement/width/index.html @@ -0,0 +1,29 @@ +--- +title: HTMLTableElement.width +slug: Web/API/HTMLTableElement/width +tags: + - DOM + - Gecko + - Gecko DOM Reference +translation_of: Web/API/HTMLTableElement/width +--- +
+ {{APIRef}}
+
+  
+
+ 概要
+

width は、テーブル幅として望む値を設定します。

+

構文

+
HTMLTableElement.width =width; //設定
+width = HTMLTableElement.width; //取得
+

width の箇所は、単位無しのピクセル値か相対値(%) の様な文字列です。

+

例

+
mytable.width = "75%";
+

仕様

+ -- cgit v1.2.3-54-g00ecf