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代码
Nov 12 Javascript
Javascript实现简单的富文本编辑器附演示
Jun 16 Javascript
深入浅析AngularJS中的module(模块)
Jan 04 Javascript
JS打印组合功能
Aug 04 Javascript
javascript之IE版本检测超简单方法
Aug 20 Javascript
Vuex利用state保存新闻数据实例
Jun 28 Javascript
vue-cli单页应用改成多页应用配置详解
Jul 14 Javascript
详解async/await 异步应用的常用场景
May 13 Javascript
JS删除String里某个字符的方法
Jan 06 Javascript
js如何实现元素曝光上报
Aug 07 Javascript
vuex入门最详细整理
Mar 04 Javascript
vue 遮罩层阻止默认滚动事件操作
Jul 28 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 array_intersect()函数使用代码
2009/01/14 PHP
php数组函数序列之array_key_exists() - 查找数组键名是否存在
2011/10/29 PHP
解析thinkphp基本配置 convention.php
2013/06/18 PHP
laravel自定义分页效果
2017/07/23 PHP
javascript的函数
2007/01/31 Javascript
用showModalDialog弹出页面后,提交表单总是弹出一个新窗口
2009/07/18 Javascript
javascript 事件处理示例分享
2014/12/31 Javascript
JS制作简单的三级联动
2015/03/18 Javascript
在jQuery中处理XML数据的大致方法
2015/08/14 Javascript
JavaScript在网页中画圆的函数arc使用方法
2015/11/13 Javascript
玩转JavaScript OOP - 类的实现详解
2016/06/08 Javascript
jQGrid动态填充select下拉框的选项值(动态填充)
2016/11/28 Javascript
jquery 正整数数字校验正则表达式
2017/01/10 Javascript
基于bootstrap写的一点localStorage本地储存
2017/11/21 Javascript
jQuery插件实现弹性运动完整示例
2018/07/07 jQuery
ES6基础之数组和对象的拓展实例详解
2019/08/22 Javascript
基于Vue全局组件与局部组件的区别说明
2020/08/11 Javascript
Vue 3自定义指令开发的相关总结
2021/01/29 Vue.js
python通过ftplib登录到ftp服务器的方法
2015/05/08 Python
Python贪心算法实例小结
2018/04/22 Python
示例详解Python3 or Python2 两者之间的差异
2018/08/23 Python
Python实现的字典排序操作示例【按键名key与键值value排序】
2018/12/21 Python
py-charm延长试用期限实例
2019/12/22 Python
Python3+Selenium+Chrome实现自动填写WPS表单
2020/02/12 Python
python如何发送带有附件、正文为HTML的邮件
2021/02/27 Python
巴西Mr. Cat在线商店:购买包包和鞋子
2019/09/08 全球购物
印度领先的眼镜电子商务网站:Lenskart
2019/12/16 全球购物
轻金属冶金专业毕业生自荐信
2013/11/02 职场文书
母亲追悼会答谢词
2014/01/27 职场文书
就业协议书范本
2014/04/11 职场文书
七一建党节演讲稿
2014/09/11 职场文书
刑事代理授权委托书
2014/09/17 职场文书
初中生庆国庆演讲稿范文2014
2014/09/25 职场文书
普宁寺导游词
2015/02/04 职场文书
大卫科波菲尔读书笔记
2015/06/30 职场文书
如何拟写通知正文?
2019/04/02 职场文书