ボタン幅を自動的にブラウザの横幅に合わせる

動作ブラウザ
Internet Explorer Netscape Navigator
4.0x 4.5 5.0x 5.5 6.0 4.x 6.0
Windows × - × ×
Macintosh × × × - - × ×
UNIX - - - - - × ×

解  説  ボタンなどオブジェクトの横幅をブラウザの横幅に合わせるには値を指定する部分でexpression()を使います。ブラウザの横幅に合わせるにはexpression(document.body.clientWidth)と記述します。これはHTMLタグ内に記述でき便利な手法です。これと同様の手法をJavaScriptで行う場合はsetExpression()を使って指定します。
コード <html> <head> <title>ボタン幅を自動的にブラウザの横幅に合わせる</title> <script language="JavaScript"> <!-- function setW(flag){ myBTN.style.setExpression("width","document.body.clientWidth"); } // --></script> </head> <body> <button style="width:expression(document.body.clientWidth)">幅合わせ</button> <button id="myBTN" onclick="setW()">クリックで幅合わせ</button> </body> </html>

■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!