js改变文章字体大小的实例代码

  刚来公司的时候领导给分配的都是一些简单的简单的简单的。。。。。任务

  一次叫我把文章的字体大小变换功能写出来。在网上搜了很多都不管用!不过功夫不负有心人还是被我找到了!拿出来分享下!

  

复制代码 代码如下:

  <script type=”text/javascript”>

  Function SetFont(size){

  var divBody = document.getElementById(“news_content”);

  If(!divBody){

  Return;

  }

  divBody.style.fontSize = size+”px”;

  Var divChildBody = divBody.childNodes;

  For (var i = 0; i<divChildBody.length;i++){

      If(divChildBody[i].nodeType==1){

         divChildBody[i].style.fontSize=size+”px”;

  }

  }

  }

  </script>

  html部分

  

复制代码 代码如下:

  【字号:<a href="javascript:SetFont(16)">大</a> <a href="javascript:SetFont(14)">中</a> <a href="javascript:SetFont(12)">小</a>】

  <div style="font-size:14px;" id="news_content">

  文章内容

  </div>