应用js改变问章字体大小

时间:2023-03-09 16:12:06
应用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>