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>