JS实现字体放大或缩小

现在需要将蓝色字体中的字体大小进行放大或缩小的功能，其实只需要将字体包裹在一个div中，并且设置id 和 默认样式style=”font-size: 17px;”，

<div id="the_content" class="article-content" style="font-size: 17px;">
                            <p>如今，一个员工平均每天“发送+收到”122封电子邮件，平均每月参加62场会议。在这样的环境中，你的上司或人力资源主管可能根本没有时间和精力，来充分挖掘你的潜力、考虑你的才华。所以，我们需要自我掌控职业生涯规划，从而确保自己的事业得到长远的发展。</p>
    </div>

通过点击”-“,”+”

<a class="bianjir_1" target="_self" href="javascript:void(0);" onclick="zoom_()">-</a>
<a class="bianjir_2" target="_self" href="javascript:void(0);" onclick="zoom()">+</a>

按钮来调用js

<script type="text/javascript">
                                function zoom(){try{var s=document.getElementById("the_content").style.fontSize;var size=parseInt(s)+1;document.getElementById("the_content").style.fontSize=size+"px";}catch(e){}}
                                function zoom_(){try{var s=document.getElementById("the_content").style.fontSize;var size=parseInt(s)-1;document.getElementById("the_content").style.fontSize=size+"px";}catch(e){}}
                                </script>