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 相关文章推荐
JS实现标签页效果(配合css)
Apr 03 Javascript
JQuery中DOM加载与事件执行实例分析
Jun 13 Javascript
微信小程序的动画效果详解
Jan 18 Javascript
html5 canvas 详细使用教程
Jan 20 Javascript
jQuery实现复选框的全选和反选
Feb 02 Javascript
详解AngularJS中$filter过滤器使用(自定义过滤器)
Feb 04 Javascript
BootStrap中的Fontawesome 图标
May 25 Javascript
ReactJs设置css样式的方法
Jun 08 Javascript
React项目动态设置title标题的方法示例
Sep 26 Javascript
jQuery选择器之基本选择器用法实例分析
Feb 19 jQuery
js实现select下拉框选择
Jan 11 Javascript
解决ant Design中Select设置initialValue时的大坑
Oct 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实现图片简单上传
2006/10/09 PHP
php中echo()和print()、require()和include()等易混淆函数的区别
2012/02/22 PHP
destoon官方标签大全
2014/06/20 PHP
PHP PDO fetch 模式各种参数的输出结果一览
2015/01/07 PHP
推荐十款免费 WordPress 插件
2015/03/24 PHP
ThinkPHP静态缓存简单配置和使用方法详解
2016/03/23 PHP
浅析PHP类的反射来实现依赖注入过程
2018/02/06 PHP
PHP实现财务审核通过后返现金额到客户的功能
2019/07/04 PHP
Laravel 将数据表的数据导出,并生成seeds种子文件的方法
2019/10/09 PHP
阿里对象存储OSS在laravel框架中的使用方法
2019/10/13 PHP
javascript得到XML某节点的子节点个数的脚本
2008/10/11 Javascript
JQuery1.6 使用方法三
2011/11/23 Javascript
NodeJS url验证(url-valid)的使用方法
2013/11/18 NodeJs
input链接页面、打开新网页等等的具体实现
2013/12/30 Javascript
Javascript小技巧之生成html元素
2014/05/15 Javascript
按钮接受回车事件的三种实现方法
2014/06/06 Javascript
JQuery.get提交页面不跳转的解决方法
2015/01/13 Javascript
javascript中Math.random()使用详解
2015/04/15 Javascript
JavaScript编程中的Promise使用大全
2015/07/28 Javascript
javascript实现tab切换的两个实例
2015/11/05 Javascript
jQuery仿京东商城楼梯式导航定位菜单
2016/07/25 Javascript
JavaScript Date 知识浅析
2017/01/29 Javascript
Python实现多属性排序的方法
2018/12/05 Python
Django集成CAS单点登录的方法示例
2019/06/10 Python
Python进程的通信Queue、Pipe实例分析
2020/03/30 Python
英国邮购活的植物主要供应商:Gardening Direct
2019/01/28 全球购物
CheapTickets泰国:廉价航班,查看促销价格并预订机票
2019/12/28 全球购物
华为消费者德国官方网站:HUAWEI德国
2020/11/03 全球购物
水务局局长岗位职责
2013/11/28 职场文书
文案策划专业自荐信
2014/07/07 职场文书
企业法人授权委托书
2014/09/25 职场文书
教师党员个人自我剖析材料
2014/09/29 职场文书
第二次离婚起诉书
2015/05/18 职场文书
浅谈Python基础之列表那些事儿
2021/05/11 Python
为Java项目添加Redis缓存的方法
2021/05/18 Redis
基于Apache Hudi在Google云构建数据湖平台的思路详解
2022/04/07 Servers