어떻게 자바 스크립트 "글꼴 크기 변경"을 수정 하시겠습니까?

Question

나는 그런 코드를 가지고 :

<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 코드 : 만 24 픽셀 (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 타임스)?

Answer 1

내가 질문을 이해하지만 다음 24 픽셀 수있는 글꼴 크기를 제한 할 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> 

Answer 2

curFont을 정의한 후, el.style.fontSize을 지정하기 전에 if(curFont >= 24) return;을 추가하십시오.