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

前端技术 2023/09/03 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部分
复制代码 代码如下:

【字号：<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>

本文地址：https://www.stayed.cn/item/8717

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案