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 相关文章推荐
地震发生中逃生十大法则
May 12 Javascript
jQuery 三击事件实现代码
Sep 11 Javascript
探寻Javascript执行效率问题
Nov 12 Javascript
jquery图片切换插件
Mar 16 Javascript
javascript实现获取服务器时间
May 19 Javascript
jQuery绑定自定义事件的魔法升级版
Jun 30 Javascript
微信小程序 navigation API实例详解
Oct 02 Javascript
AngularJS全局scope与Isolate scope通信用法示例
Nov 22 Javascript
ES6生成器用法实例分析
Apr 10 Javascript
create-react-app中添加less支持的实现
Nov 15 Javascript
d3.js 地铁轨道交通项目实战
Nov 27 Javascript
解决vue加scoped后就无法修改vant的UI组件的样式问题
Sep 07 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 gzip压缩输出的实现方法
2013/04/27 PHP
PHP学习笔记(二) 了解PHP的基本语法以及目录结构
2014/08/04 PHP
php生成条形码的图片的实例详解
2017/09/13 PHP
jQuery渐变发光导航菜单的实例代码
2013/03/27 Javascript
用javascript实现自动输出网页文本
2015/07/30 Javascript
javascript实现数组中的内容随机输出
2015/08/11 Javascript
仅30行代码实现Javascript中的MVC
2016/02/15 Javascript
jquery过滤特殊字符',防sql注入的实现方法
2016/08/17 Javascript
js实现数组去重方法及效率?Ρ? target=
2017/02/14 Javascript
纯JS实现轮播图
2017/02/22 Javascript
jQuery插件HighCharts绘制的2D堆柱状图效果示例【附demo源码下载】
2017/03/14 Javascript
jQuery获取table下某一行某一列的值实现代码
2017/04/07 jQuery
Flask中获取小程序Request数据的两种方法
2017/05/12 Javascript
深入理解react-router 路由的实现原理
2018/09/26 Javascript
Bootstrap 时间日历插件bootstrap-datetimepicker配置与应用小结
2019/05/28 Javascript
JavaScript实现随机点名器
2020/03/25 Javascript
vue ssr+koa2构建服务端渲染的示例代码
2020/03/23 Javascript
Openlayers实现地图全屏显示
2020/09/28 Javascript
用Python计算三角函数之atan()方法的使用
2015/05/15 Python
Python基于回溯法子集树模板解决最佳作业调度问题示例
2017/09/08 Python
python os用法总结
2018/06/08 Python
Python实现基于SVM的分类器的方法
2019/07/19 Python
python twilio模块实现发送手机短信功能
2019/08/02 Python
18个Python脚本可加速你的编码速度(提示和技巧)
2019/10/17 Python
Python读取yaml文件的详细教程
2020/07/21 Python
HTML5中input[type='date']自定义样式与日历校验功能的实现代码
2017/07/11 HTML / CSS
英国的一家创新礼品和小工具零售商:Menkind
2019/08/24 全球购物
自我反省检讨书
2014/01/23 职场文书
初中班主任评语大全
2014/04/24 职场文书
党员干部三严三实心得体会
2014/10/13 职场文书
永远是春天观后感
2015/06/12 职场文书
铁人观后感
2015/06/16 职场文书
责任书格式
2019/04/18 职场文书
php字符串倒叙
2021/04/01 PHP
SpringCloud Alibaba项目实战之nacos-server服务搭建过程
2021/06/21 Java/Android
css之clearfix的用法深入理解(必看篇)
2023/05/21 HTML / CSS