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实现excel导出的方法
Apr 04 Javascript
JavaScript设置IFrame高度自适应(兼容各主流浏览器)
Jun 05 Javascript
JavaScript动态改变div属性的实现方法
Jul 22 Javascript
AngularJS入门教程之表格实例详解
Jul 27 Javascript
原生JS实现《别踩白块》游戏(兼容IE)
Feb 20 Javascript
js 发布订阅模式的实例讲解
Sep 10 Javascript
Vue+Element实现表格编辑、删除、以及新增行的最优方法
May 28 Javascript
基于Node.js的大文件分片上传示例
Jun 19 Javascript
mui js控制开关状态、修改switch开关的值方法
Sep 03 Javascript
vue实现简单瀑布流布局
May 28 Javascript
基于jsbarcode 生成条形码并将生成的条码保存至本地+源码
Apr 27 Javascript
解决vant的Toast组件时提示not defined的问题
Nov 11 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实现多维数组中每个单元值(数字)翻倍的方法
2015/02/16 PHP
JavaScript 密码强度判断代码
2009/09/05 Javascript
JS实现self的resend
2010/07/22 Javascript
jquery中trigger()无法触发hover事件的解决方法
2015/05/07 Javascript
angularjs学习笔记之简单介绍
2015/09/26 Javascript
浅谈javascript 函数表达式和函数声明的区别
2016/01/05 Javascript
Js实现简单的小球运动特效
2016/02/18 Javascript
字符串反转_JavaScript
2016/04/28 Javascript
js获取腾讯视频ID的方法
2016/10/03 Javascript
深入理解bootstrap框架之入门准备
2016/10/09 Javascript
基于JS快速实现导航下拉菜单动画效果附源码下载
2016/10/27 Javascript
livereload工具实现前端可视化开发【推荐】
2016/12/23 Javascript
封装运动框架实战左右与上下滑动的焦点轮播图(实例)
2017/10/17 Javascript
Webpack之tree-starking 解析
2018/09/11 Javascript
基于Taro的微信小程序模板消息-获取formId功能模块封装实践
2019/07/15 Javascript
vue.js基于v-for实现批量渲染 Json数组对象列表数据示例
2019/08/03 Javascript
layui 富文本图片上传接口与普通按钮 文件上传接口的例子
2019/09/23 Javascript
微信小程序实现上传多张图片、删除图片
2020/07/29 Javascript
python使用cookie库操保存cookie详解
2014/03/03 Python
Python二叉树的定义及常用遍历算法分析
2017/11/24 Python
使用Python计算玩彩票赢钱概率
2019/06/26 Python
python 实现turtle画图并导出图片格式的文件
2019/12/07 Python
Python如何合并多个字典或映射
2020/07/24 Python
Ticketmaster德国票务网站:购买音乐会和体育等门票
2016/11/14 全球购物
英国户外装备和冒险服装零售商:alloutdoor
2018/01/30 全球购物
美国尼曼百货官网:Neiman Marcus
2019/09/05 全球购物
师范应届生教师求职信
2013/11/05 职场文书
护理毕业生自荐信范文
2013/12/22 职场文书
车间统计员岗位职责
2014/01/05 职场文书
老人祝寿主持词
2014/03/28 职场文书
慈善晚会策划方案
2014/05/14 职场文书
思想纪律作风整顿剖析材料
2014/10/11 职场文书
2015高三毕业寄语赠言
2015/02/27 职场文书
部门优秀员工推荐信
2015/03/24 职场文书
德劲DE1108畅想
2021/04/22 无线电
一篇文章了解正则表达式的替换技巧
2022/02/24 Javascript