2012-02-16 28 views
-2

私はそのようなコードを持っている:どのようにjavascript "フォントサイズを変更する"を変更するには?

<script type="text/javascript"> 
    function changeFontSize(element,step) 
    { 
    step = parseInt(step,10); 
    var el = document.getElementById(element); 
    var curFont = parseInt(el.style.fontSize,10); 
    el.style.fontSize = (curFont+step) + 'px'; 
    } 
    </script> 

と、このようなHTMLコード:私だけは24px(4倍)に私ができるコードに加えてテキストを書くにはどうすればよい

<section id="contentb" style="font-size:16px;">...</section> 
    <a href="javascript:void(0);" onclick="changeFontSize('contentb',2);">change +</a> 
    <a href="javascript:void(0);" onclick="changeFontSize('contentb',-2);">change -</a> 

とマイナスだけ8px〜(4回)?

+1

あなたはフォントサイズは行きたくない意味ですか24pxより高い? –

+0

はい。何をすべきかは8px(4回)以下になります – vp1

答えて

2

私は質問を理解してわからないんだけど、あなたは、これは動作しますは24pxするフォントサイズを制限するwan't場合:

<script type="text/javascript"> 
function changeFontSize(element,step) 
{ 
step = parseInt(step,10); 
var el = document.getElementById(element); 
var curFont = parseInt(el.style.fontSize,10); 
if(curFont < 24) { 
    el.style.fontSize = (curFont+step) + 'px'; 
} 
} 
</script> 

<section id="contentb" style="font-size:8px;">...</section> 
<a href="javascript:void(0);" onclick="changeFontSize('contentb',4);">change</a> 
+0

そして何をすれば8px(4回)以下になるのでしょうか? – vp1

+0

私の投稿を更新しました。最初にfont-sizeが8pxに設定され、font-sizeが24px未満の場合は、リンクのクリックごとに4ずつ増えます。 – Cyclonecode

+0

開始時に16pxにする必要があります!何をすべきか? – vp1

2

curFontを定義した後で、el.style.fontSizeを割り当てる前にif(curFont >= 24) return;を追加します。

関連する問題