HTMLDOMキャプションオブジェクト
HTML DOM Captionオブジェクトは、HTMLの
プロパティ
注 ：以下のプロパティはHTML5ではサポートされていません。
以下は、HTMLDOMキャプションオブジェクトプロパティ-
です。| プロパティ | 説明 |
|---|---|
| 整列 | キャプションの配置を設定または返すには。 |
構文
以下は、-
の構文です。キャプションオブジェクトの作成-
var x = document.createElement("CAPTION"); 例
HTMLDOMCaptionオブジェクトの例を見てみましょう-
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 1px double black;
margin-top: 14px;
}
</style>
</head>
<body>
<p>Click the button below to create the caption for the table.</p>
<button onclick="createCaption()">CREATE</button>
<table id="SampleTable">
<tr>
<td colspan="2" rowpan="2">TABLE</td>
</tr>
<tr>
<td>Value 1</td>
<td>Value 2</td>
</tr>
</table>
<script>
function createCaption() {
var x = document.createElement("CAPTION");
var t = document.createTextNode("TABLE CAPTION");
x.appendChild(t);
var table = document.getElementById("SampleTable")
table.insertBefore(x, table.childNodes[0]);
}
</script>
</body>
</html> 出力
これにより、次の出力が生成されます-
[作成]ボタンをクリックすると-
上記の例では-
最初に、クリック時にcreateCaption（）メソッドを実行するためのボタンCREATEを作成しました-
<button onclick="createCaption()">CREATE</button>
createCaption（）メソッドは、ドキュメントオブジェクトのcreateElement（）メソッドを使用してキャプション要素を作成し、それを変数xに割り当てます。次に、「TABLECAPTION」テキストを含むテキストノードを作成しました。次に、テキストノードを要素に追加しました。
最後に、ID「SampleTable」を使用して