ページの高さを取得し、それに合わせて横幅を決めたい

質問

• Javascriptでページの高さを取得し、それに合わせてWebページの横幅を自動算出する方法について教えてください。
• 現在Javascriptを使ってWebページの開発を行っていますが、ブラウザのページの高さを取得し、それに合わせて横幅を決めたいと思っています。
• また、Firefoxでのみ構文エラーが発生してしまいます。何が原因か教えてください。

回答No.2

神崎 渉瑠（@taloo）

getElementsByTagName()の戻り値はNodeListです。

毎月同じ質問が出ているくらいの内容です。
getElementsByTagName()の使い方を再確認してみてください。
学習に使用されている書籍、解説サイトに必ず載っています。

-------------
.tyle.widthとなっていますが、.style.widthの間違いではないでしょうか。
ケアレスミスがないか、再確認してみてください。

-------------
>div#content-box {
>position: relative;
>position: absolute;

１つのセレクタに同じプロパティを何度も記述すると、どちらが適用されるかはブラウザ依存となります。
１つのプロパティは１回だけ書く事をお勧めします。

--------------
>併せて、margin: 0 auto;で中央揃えにしたいのですが、
>CSSでは一応記述しておりますが、可能でしょうか。

可能ですし、すでにそうなっているようですが、見えないだけではないでしょうか。
borderやbackgroundで色を付けて確認してみてください。

===============

body {
width: 1024px;
}

div#content-box {
width: 100%;
}

としておくと、bodyの幅を変更すれば、#content-boxの幅も自動的に変更されます。
100%という指定と、1024pxという指定の違いを確認してみてください。

お礼

ご丁寧にありがとうございます。

補足につきまして
ソースの書き換え忘れなどで大変ご迷惑をおかけしております。
if (bW === null) {
alert("null");
} else {
alert("OK");
}
正しくはこちらです。
お察しのとおり、現在ソースそのものはbodyではなくwrapperに適用しなおしている状況です。
色々と書き換えて試してはいるのですが、どうにも動いてくれないのです。

補足

>getElementsByTagName()の戻り値はNodeListです。
どうやら私の検索能力が至らなかったみたいで、お手間をおかけして申し訳ありません。
NodeListについては調べて把握いたしました。

>.tyle.widthとなっていますが、.style.widthの間違いではないでしょうか。
大人しく書いたソースからコピペすればよかったのですが、
手打ちしてからコピペしたのが仇となったようです。
ケアレスミスです申し訳ありません。

>１つのプロパティは１回だけ書く事をお勧めします。
私もできることならそうしたいと思っております・・・

>可能ですし、すでにそうなっているようですが、見えないだけではないでしょうか。
このjsが効くのであれば、CSSに与えている固定幅のwidthを削除する予定です。
その際にもmarginは効くのかと言う内容でした。

>100%という指定と、1024pxという指定の違いを確認してみてください。
こちらは何も考えずに値を振った結果ですね・・・
100%と言う方法があることを失念しておりました。

var bodyW = document.getElementsByTagName('body');
var bW = bodyW.item(1);
bW.style.width = w + 'px';

上記のように書き換えましたが、変数bWがnullと言われました。
そこで、以下のif文で試したところ、
ページ読み込み直後はnullとでましたが、サイズ変更をすると問題なさそうでした。
if (wrap === null) {
alert("null");
} else {
alert("OK");
}
いかなるときもnullと出さないためには、どうすれば良いのでしょうか。