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


Posted in Javascript onNovember 27, 2013

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

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

<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>
Javascript 相关文章推荐
JavaScript加密解密7种方法总结分析
Oct 07 Javascript
js 表单验证方法(实用)
Apr 28 Javascript
JavaScript对象之间的转换 jQuery对象和原声DOM
Mar 07 Javascript
用RadioButten或CheckBox实现div的显示与隐藏
Sep 21 Javascript
js 采用delete实现继承示例代码
May 20 Javascript
jQuery Ajax页面局部加载方法汇总
Jun 02 Javascript
WebSocket实现简单客服聊天系统
May 12 Javascript
vue组件的写法汇总
Apr 12 Javascript
vue 自定义提示框(Toast)组件的实现代码
Aug 17 Javascript
vue中的适配px2rem示例代码
Nov 19 Javascript
Vue实现本地购物车功能
Dec 05 Javascript
node.js中stream流中可读流和可写流的实现与使用方法实例分析
Feb 13 Javascript
一个js导致的jquery失效问题的解决方法
Nov 27 #Javascript
Google Dart编程语法和基本类型学习教程
Nov 27 #Javascript
jQuery实现可收缩展开的级联菜单实例代码
Nov 27 #Javascript
利用JavaScript实现新闻滚动效果(实例代码)
Nov 27 #Javascript
Javascript实现滚动图片新闻的实例代码
Nov 27 #Javascript
讨论html与javascript在浏览器中的加载顺序问题
Nov 27 #Javascript
js替代copy(示例代码)
Nov 27 #Javascript
You might like
PHP 和 XML: 使用expat函数(三)
2006/10/09 PHP
PHP简单判断字符串是否包含另一个字符串的方法
2016/03/25 PHP
php接口隔离原则实例分析
2019/11/11 PHP
JavaScript 判断指定字符串是否为有效数字
2010/05/11 Javascript
关于URL中的特殊符号使用介绍
2011/11/03 Javascript
window.onload追加函数使用示例
2014/03/03 Javascript
javascript动画之模拟拖拽效果篇
2016/09/26 Javascript
jQuery实现自动调用和触发某个事件的方法
2016/11/18 Javascript
详解微信小程序——自定义圆形进度条
2016/12/29 Javascript
Bootstrap进度条学习使用
2017/02/09 Javascript
ES6新特性之变量和字符串用法示例
2017/04/01 Javascript
xmlplus组件设计系列之下拉刷新(PullRefresh)(6)
2017/05/03 Javascript
Bootstrap提示框效果的实例代码
2017/07/12 Javascript
[02:47]DOTA2亚洲邀请赛 HR战队出场宣传片
2015/02/07 DOTA
[58:09]Spirit vs NB Supermajor小组赛 A组败者组决赛 BO3 第三场 6.2
2018/06/03 DOTA
[46:23]OG vs EG 2018国际邀请赛淘汰赛BO3 第一场 8.23
2018/08/24 DOTA
python sys模块sys.path使用方法示例
2013/12/04 Python
跟老齐学Python之Python文档
2014/10/10 Python
python中list循环语句用法实例
2014/11/10 Python
python数字图像处理之高级滤波代码详解
2017/11/23 Python
pandas获取groupby分组里最大值所在的行方法
2018/04/20 Python
python实现给scatter设置颜色渐变条colorbar的方法
2018/12/13 Python
python调用matlab的m自定义函数方法
2019/02/18 Python
Python Opencv任意形状目标检测并绘制框图
2019/07/23 Python
python 读取修改pcap包的例子
2019/07/23 Python
tensorflow自定义激活函数实例
2020/02/04 Python
python如何安装下载后的模块
2020/07/03 Python
AmazeUI 面板的实现示例
2020/08/17 HTML / CSS
澳大利亚自然和有机的健康美容产品一站式商店:Ziani Beauty
2017/12/28 全球购物
英国在线自行车店:Merlin Cycles
2018/08/20 全球购物
美国专业消费电子及摄影器材网站:B&H Photo Video
2019/12/18 全球购物
说一下Linux下有关用户和组管理的命令
2014/08/18 面试题
后勤采购员岗位职责
2013/12/19 职场文书
新任教师自我鉴定
2014/02/24 职场文书
孕妇病假条怎么写
2015/08/17 职场文书
Python极值整数的边界探讨分析
2021/09/15 Python