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 相关文章推荐
jquery常用技巧及常用方法列表集合
Apr 06 Javascript
JQuery实现简单验证码提示解决方案
Dec 20 Javascript
解决json日期格式问题的3种方法
Feb 02 Javascript
jQuery的live()方法对hover事件的处理示例
Feb 27 Javascript
jQuery中innerWidth()方法用法实例
Jan 19 Javascript
jquery任意位置浮动固定层插件用法实例
May 29 Javascript
整理Javascript流程控制语句学习笔记
Nov 29 Javascript
Javascript实现单例模式
Jan 24 Javascript
Javascript从数组中随机取出不同元素的两种方法
Sep 22 Javascript
微信小程序 下拉菜单的实现
Apr 06 Javascript
BootStrap自定义popover,点击区域隐藏功能的实现
Jan 23 Javascript
js数组中去除重复值的几种方法
Aug 03 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
图形数字验证代码
2006/10/09 PHP
PHP中IP地址与整型数字互相转换详解
2014/08/20 PHP
PHP实现自动对图片进行滚动显示的方法
2015/03/12 PHP
PHP中foreach()用法汇总
2015/07/02 PHP
如何正确配置Nginx + PHP
2016/07/15 PHP
php实现多维数组排序的方法示例
2017/03/23 PHP
PHP模版引擎原理、定义与用法实例
2019/03/29 PHP
PHP rmdir()函数的用法总结
2019/07/02 PHP
JS 动态加载脚本的4种方法
2009/05/05 Javascript
Extjs学习笔记之三 extjs form更多的表单项
2010/01/07 Javascript
JavaScript 对象模型 执行模型
2010/10/15 Javascript
PHP结合jQuery实现红蓝投票功能特效
2015/07/22 Javascript
关于Vue Router中路由守卫的应用及在全局导航守卫中检查元字段的方法
2018/12/09 Javascript
详解关于webpack多入口热加载很慢的原因
2019/04/24 Javascript
ES6 Object属性新的写法实例小结
2019/06/25 Javascript
JS实现的排列组合算法示例
2019/07/16 Javascript
Vue.js实现立体计算器
2020/02/22 Javascript
[03:20]次级联赛厮杀超职业 现超级兵对拆世纪大战
2014/10/30 DOTA
[00:32]2018DOTA2亚洲邀请赛OpTic出场
2018/04/03 DOTA
python利用hook技术破解https的实例代码
2013/03/25 Python
解决python matplotlib imshow无法显示的问题
2018/05/24 Python
Python日期时间对象转换为字符串的实例
2018/06/22 Python
Python中的异常处理try/except/finally/raise用法分析
2019/02/28 Python
Django使用uwsgi部署时的配置以及django日志文件的处理方法
2019/08/30 Python
如何基于python实现画不同品种的樱花树
2020/01/03 Python
python 基于Apscheduler实现定时任务
2020/12/15 Python
CSS3实战第一波 让我们尽情的圆角吧
2010/08/27 HTML / CSS
加拿大床上用品、家居装饰、厨房和浴室产品购物网站:Linen Chest
2018/06/05 全球购物
小米旗下精品生活电商平台:小米有品
2018/12/18 全球购物
11月红领巾广播稿
2014/01/17 职场文书
铣床操作工岗位职责
2014/06/13 职场文书
奶茶店创业计划书
2014/08/14 职场文书
2014物价局民主生活会对照检查材料思想汇报
2014/09/24 职场文书
党的群众路线教育实践活动调研报告
2014/11/03 职场文书
2014年药店工作总结
2014/11/20 职场文书
关于办理居住证的介绍信模板
2019/11/27 职场文书