JavaScript实现文章字体大小动态调整功能

背景与需求

入职初期，领导分配的任务通常较为简单基础。

曾有一次，我被要求实现文章字体大小的切换功能。经过网络搜索发现许多方案并不适用，但最终成功找到可行方法，特此分享。

<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结构与交互

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>