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代码：

    <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>

如何编写代码，我只能将文本加到24px（4次），减去仅8px（4次）？

Answer 1

在定义if(curFont >= 24) return;之后但在分配curFont之前添加el.style.fontSize。

Answer 2

我不确定我是否明白这个问题，但是如果你不想将fontsize限制为24px那么这将有效：

<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>

如何修改javascript＆＃34;更改字体大小＃34;？

2 个答案: