HTML DOM rows属性

定義と使用法

rows属性は、フレーム内の行の数とサイズを設定または返します。

ピクセルまたはパーセントリストで区切られたリストは、列の数と高さを定義します:

文法

framesetObject.rows=row1,row2,row3....

私たちの例では、まず2つの列を持つフレームセットを含むHTMLドキュメントを作成します。各列はブラウザウィンドウの50%に設定されます:

<html />
<frameset rows="50%,50%">
  <frame src="frame_rows.htm">
  <frame src="frame_a.htm">
</frameset>
</html>

HTML ドキュメント "frame_rows.htm" は左列に配置され、HTML ドキュメント "frame_a.htm" は右列に配置されています。

以下は "frame_rows.htm" のソースコードです:

<html />
<head />
<script type="text/javascript">
function changeRows()
  {
  parent.document.getElementById("main").rows="30%,70%"
  }
function restoreRows()
  {
  parent.document.getElementById("main").rows="50%,50%"
  }
</script>
</head>
<body />
<form />
<input type="button" onclick="changeRows()" />
value="行サイズを変更" />
<input type="button" onclick="restoreRows()" />
value="行サイズをリストア" />
</form>
</body>
</html>