如何修改javascript“更改字体大小”？

发布于 2025-01-06 11:47:40 字数 708 浏览 0 评论 0原文

我有这样的代码：

    <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 倍）？

原文

I have such code:

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

and such HTML code:

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

How do I write code that I can plus text only to 24px(4 times) and minus only to 8px(4 times)?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

小伙你站住 2025-01-13 11:47:40

我不确定我是否理解这个问题，但如果你不想将字体大小限制为 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>

I'm not sure I understood the question, but if you wan't to limit the fontsize to 24px then this will work:

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