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

发布时间：2023-08-04 14:05:51 所属栏目：教程来源：

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

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

代码如下:

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

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

代码如下:

<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>

（编辑：聊城站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!