文字の大きさを変更するjavascriptについて

質問

文字の大きさを変更するjavascriptについての質問です。
現在以下のようなスクリプトを使用しているのですが、
IE６では動作しますがFirefox2.0では動きません。
原因、アドバイス等あればご指摘お願いします。

*****このスクリプトを外部ファイルとして読み込んでいます*****
function larger(){
content_area.style.fontSize="14pt";
}
function standard(){
content_area.style.fontSize="12pt";
}
function smaller(){
content_area.style.fontSize="9pt";
}
***********************************************************

*****head内の外部js読み込み部分*****
<script type="text/JavaScript"　src="common/js/fontsize.js"></script>
************************************

*****body内のjavascript呼び出し部分*****
<ul>
<li class="text_large"><a href="javascript:larger()">文字サイズ大</a></li>
<li class="text_mid"><a href="javascript:standard()">文字サイズ中</a></li>
<li class="text_small"><a href="javascript:smaller()">文字サイズ小</a></li>
</ul>
****************************************

よろしくお願いします。

回答No.1

yambejp · ベストアンサー

html内でcontent_areaが宣言されてませんが・・・

実際のところ、onload後の処理が必要です。
//fontsize.js
window.onload=function(){
content_area=document.getElementById('content_area')
}
function larger(){
content_area.style.fontSize="14pt";
}
function standard(){
content_area.style.fontSize="12pt";
}
function smaller(){
content_area.style.fontSize="9pt";
}

お礼

回答ありがとうございます。

content_areaは大きさを変更したい部分を囲った<div>タグのidになります。
言葉が足らず申し訳ありませんでした。
アドバイス通りにしましたら無事Firefoxでも動作を確認することができました。
本当にありがとうございました！