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

时间:2024-04-19 10:03:21 

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

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


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

标签:js,字体大小
0
投稿

猜你喜欢

  • 基于opencv的selenium滑动验证码的实现

    2023-06-20 20:14:26
  • 浅谈音视频 pts dts基本概念及理解

    2023-11-13 03:31:26
  • python opencv把一张图片嵌入(叠加)到另一张图片上的实现代码

    2021-08-11 12:52:30
  • 为网页设计创建有效的配色方案

    2011-08-31 12:55:57
  • Python之列表推导式最全汇总(中篇)

    2022-05-25 20:56:59
  • ASP编程常用的分页代码

    2007-09-11 13:57:00
  • 基于鼠标点击跟踪的用户点击行为分析

    2008-04-24 19:22:00
  • python3.0 模拟用户登录,三次错误锁定的实例

    2022-07-23 01:35:48
  • Python实现备份文件实例

    2022-01-03 11:10:05
  • 简单介绍Ruby中的CGI编程

    2022-09-07 21:38:14
  • PyQt5 closeEvent关闭事件退出提示框原理解析

    2022-10-18 05:51:17
  • go和python调用其它程序并得到程序输出

    2021-06-05 21:43:02
  • python实现飞行棋游戏

    2021-11-28 14:43:23
  • 在pytorch中查看可训练参数的例子

    2021-09-18 09:44:06
  • javascript计算星座属相(十二生肖属相)示例代码

    2024-05-02 17:24:11
  • asp如何读取注册表的信息?

    2009-11-19 21:18:00
  • SQL Server 安装出错:以前的某个程序安装已在安装计算机上创建挂起的文件操作

    2010-02-23 14:48:00
  • python使用docx模块读写docx文件的方法与docx模块常用方法详解

    2022-05-14 11:37:17
  • tensorflow之获取tensor的shape作为max_pool的ksize实例

    2022-10-09 01:41:53
  • Python游戏开发实例之graphics实现AI五子棋

    2022-12-15 10:22:27
  • asp之家 网络编程 m.aspxhome.com