本文介绍如何使用JavaScript实现文章字体大小的动态调整功能。通过获取指定容器元素及其子节点，遍历并修改其fontSize样式属性，结合HTML中的链接触发SetFont函数，实现大、中、小三种字号的切换。
背景与需求
入职初期，领导分配的任务通常较为简单基础。
曾有一次，我被要求实现文章字体大小的切换功能。经过网络搜索发现许多方案并不适用，但最终成功找到可行方法，特此分享。
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结构部分如下：
具体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>