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版本的代码
Sep 03 Javascript
ExtJs纵坐标值重复问题的解决方法
Feb 27 Javascript
jquery获取对象的方法足以应付常见的各种类型的对象
May 14 Javascript
node.js中的console.time方法使用说明
Dec 09 Javascript
jQuery中:selected选择器用法实例
Jan 04 Javascript
jquery+html5时钟特效代码分享(可设置闹钟并且语音提醒)
Mar 30 Javascript
jQuery实现标签页效果实战(4)
Feb 08 Javascript
JavaScript中如何判断一个值的类型
Sep 15 Javascript
JavaScript如何对图片进行黑白化
Apr 10 Javascript
React 使用browserHistory项目访问404问题解决
Jun 01 Javascript
JavaScript 处理树数据结构的方法示例
Jun 16 Javascript
解决vue.js中settimeout遇到的问题(时间参数短效果不稳定)
Jul 21 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投票系统防刷票判断流程分析
2012/02/04 PHP
PHP 第二节 数据类型之字符串类型
2012/04/28 PHP
PHP中substr_count()函数获取子字符串出现次数的方法
2016/01/07 PHP
Linux php 中文乱码的快速解决方法
2016/05/13 PHP
PHP进阶学习之依赖注入与Ioc容器详解
2019/06/19 PHP
PHP高并发和大流量解决方案整理
2019/12/24 PHP
Javascript学习笔记5 类和对象
2010/01/11 Javascript
javascript读写json示例
2014/04/11 Javascript
jQuery中的ajax async同步和异步详解
2015/09/29 Javascript
JS获取鼠标坐标位置实例分析
2016/01/20 Javascript
简介BootStrap model弹出框的使用
2016/04/27 Javascript
Vue.js中数组变动的检测详解
2016/10/12 Javascript
微信小程序 页面跳转及数据传递详解
2017/03/14 Javascript
jquery实现图片轮播器
2017/05/23 jQuery
react-native fetch的具体使用方法
2017/11/01 Javascript
vue中改变选中当前项的显示隐藏或者状态的实现方法
2018/02/08 Javascript
webpack4.x开发环境配置详解
2018/08/04 Javascript
微信小程序实现登录遮罩效果
2018/11/01 Javascript
js canvas实现二维码和图片合成的海报
2020/11/19 Javascript
jQuery实现图片随机切换、抽奖功能(实例代码)
2019/10/23 jQuery
[40:27]完美世界DOTA2联赛PWL S3 PXG vs GXR 第一场 12.19
2020/12/24 DOTA
Python使用sftp实现上传和下载功能(实例代码)
2017/03/14 Python
python3将视频流保存为本地视频文件
2018/06/20 Python
详解Python基础random模块随机数的生成
2019/03/23 Python
由Python编写的MySQL管理工具代码实例
2019/04/09 Python
浅谈Pandas Series 和 Numpy array中的相同点
2019/06/28 Python
Python 静态方法和类方法实例分析
2019/11/21 Python
Mixbook加拿大:照片书,照片卡,剪贴簿,年历和日历
2017/02/21 全球购物
介绍一下如何利用路径遍历进行攻击及如何防范
2014/01/19 面试题
《秋姑娘的信》教学反思
2014/02/28 职场文书
法人授权委托书公证范本
2014/09/14 职场文书
地陪导游欢迎词
2015/01/26 职场文书
解析Java中的static关键字
2021/06/14 Java/Android
ORM模型框架操作mysql数据库的方法
2021/07/25 MySQL
MySQL数据库超时设置配置的方法实例
2021/10/15 MySQL
默认网关不可用修复后过一会又不好使了解决方法
2022/04/08 数码科技