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数据验证插件(自制,简单,练手)实例代码
Oct 24 Javascript
js选项卡的实现方法
Feb 09 Javascript
手机开发必备技巧:javascript及CSS功能代码分享
May 25 Javascript
javascript创建动态表单的方法
Jul 25 Javascript
JS实现可直接显示网页代码运行效果的HTML代码预览功能实例
Aug 06 Javascript
JavaScript 对象深入学习总结(经典)
Sep 29 Javascript
Javascript实现代码折叠功能
Aug 25 Javascript
微信小程序 WebSocket详解及应用
Jan 21 Javascript
js轮播图无缝滚动效果
Jun 17 Javascript
react 不用插件实现数字滚动的效果示例
Apr 14 Javascript
详解三种方式在React中解决绑定this的作用域问题并传参
Aug 18 Javascript
JS获取当前时间戳方法解析
Aug 29 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 curl实现抓取302跳转后页面的示例
2014/07/04 PHP
Zend Framework教程之Bootstrap类用法概述
2016/03/14 PHP
深入理解PHP类的自动载入机制
2016/09/16 PHP
用javascript来实现动画导航效果的代码
2007/12/16 Javascript
jQuery 选择器理解
2010/03/16 Javascript
为JavaScript提供睡眠功能(sleep) 自编译JS引擎
2010/08/16 Javascript
Javascript模块化编程(三)require.js的用法及功能介绍
2013/01/17 Javascript
给jQuery方法添加回调函数一款插件的应用
2013/01/21 Javascript
Ext JS 4实现带week(星期)的日期选择控件(实战一)
2013/08/21 Javascript
Javascript玩转继承(二)
2014/05/08 Javascript
JavaScript 事件入门知识
2015/04/13 Javascript
ajax读取数据后使用jqchart显示图表的方法
2015/06/10 Javascript
详细解读JavaScript编程中的Promise使用
2015/07/27 Javascript
基于jQuey实现鼠标滑过变色(整行变色)
2015/12/07 Javascript
浅析函数声明和函数表达式——函数声明的声明提前
2016/05/03 Javascript
微信小程序  audio音频播放详解及实例
2016/11/02 Javascript
canvas实现图像布局填充功能
2017/02/06 Javascript
详解开发react应用最好用的脚手架 create-react-app
2018/04/24 Javascript
JS的Ajax与后端交互数据的实例
2018/08/08 Javascript
vue实现动态列表点击各行换色的方法
2018/09/13 Javascript
Python开发的十个小贴士和技巧及长常犯错误
2018/09/27 Python
Python 迭代,for...in遍历,迭代原理与应用示例
2019/10/12 Python
pandas中read_csv的缺失值处理方式
2019/12/19 Python
Python设计密码强度校验程序
2020/07/30 Python
Pycharm新手使用教程(图文详解)
2020/09/17 Python
python中用ctypes模拟点击的实例讲解
2020/11/26 Python
苹果香港官方商城:Apple香港
2016/09/14 全球购物
巴西最大的在线约会网站:ParPerfeito
2018/07/11 全球购物
幼儿园大班新学期寄语
2014/01/18 职场文书
承认错误的检讨书
2014/01/30 职场文书
施工材料员岗位职责
2014/02/12 职场文书
2014年小学数学工作总结
2014/12/12 职场文书
2015年医院工作总结范文
2015/04/09 职场文书
2015年学校教研室主任工作总结
2015/07/20 职场文书
2016年综治宣传月活动宣传标语口号
2016/03/16 职场文书
Python数据可视化之用Matplotlib绘制常用图形
2021/06/03 Python