PR
構文
 
 document.要素.style.height="高さ"  [DOM属性]
高さ
 
 数値 | 単位付きの数値 | n%
総合 インデックス
プロパティ
FirefoxIE

説明

  •  スタイルシートの高さの値を持つ。後から「height」属性に値を設定することで,スタイルシートのサイズを動的に変更することも可能。
  •  スタイルシートでは,「height」プロパティにあたる。
  •  用例では,ボタンをクリックした時,50ピクセルに設定した,id名「STY」のdiv要素の「height」プロパティの値を変更し,div要素の高さを,100ピクセルに変更している。

用例

ボタン・フォームをクリックした時「height」属性に値を設定することにより,id名「STY」を設定したdiv要素の高さが変わる。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>height</title>
<script type="text/javascript">
<!--
function Sty_Height(){
    if(document.getElementById){
        document.getElementById('STY').style.height = "100px"
    }
}
//-->
</script>
<style type="text/css">
<!--
body { background-color: #ffffff; }
-->
</style>
</head>
<body>
*スタイルシートの高さ
<div id="STY_Form" style="position:absolute; left:100px; top:50px">
<form>
    <input type="button" value="スタイルシートのサイズ変更" onClick=
"Sty_Height()">
</form>
</div>
<div id="STY" style="position:absolute; left:100px; top:100px;
 width:150px; height:50px; background:Tan">
<b>STY...</b>
</div>
</body></html>

この用例を実行する