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 相关文章推荐
extjs 学习笔记 四 带分页的grid
Oct 20 Javascript
javascript iframe编程相关代码
Dec 28 Javascript
基于jquery可配置循环左右滚动例子
Sep 09 Javascript
js计算字符串长度包含的中文是utf8格式
Oct 15 Javascript
JavaScript中Math对象方法使用概述
Jan 02 Javascript
IE8 内存泄露(内存一直增长 )的原因及解决办法
Apr 06 Javascript
微信小程序 MINA文件结构
Oct 17 Javascript
微信小程序 textarea 组件详解及简单实例
Jan 10 Javascript
js实现图片懒加载效果
Jul 17 Javascript
js实现本地图片文件拖拽效果
Jul 18 Javascript
weebox弹出窗口不居中显示的解决方法
Nov 27 Javascript
JS实现盒子跟着鼠标移动及键盘方向键控制盒子移动效果示例
Jan 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 include加载文件两种方式效率比较
2010/08/08 PHP
php 计划任务 检测用户连接状态
2012/03/29 PHP
Symfony2创建页面实例详解
2016/03/18 PHP
详谈php静态方法及普通方法的区别
2016/10/04 PHP
asp 取文本框名称代码
2008/12/02 Javascript
几个比较经典常用的jQuery小技巧
2010/03/01 Javascript
Js如何判断客户端是PC还是手持设备简单分析
2012/11/22 Javascript
jquery序列化form表单使用ajax提交后处理返回的json数据
2014/03/03 Javascript
jQuery封装的tab选项卡插件分享
2015/06/16 Javascript
jquery实现美观的导航菜单鼠标提示特效代码
2015/09/06 Javascript
Node.js程序中的本地文件操作用法小结
2016/03/06 Javascript
jQuery+ajax+asp.net获取Json值的方法
2016/06/08 Javascript
JS关闭窗口时产生的事件及用法示例
2016/08/20 Javascript
如何使用Vuex+Vue.js构建单页应用
2016/10/27 Javascript
解析javascript图片懒加载与预加载的分析总结
2016/10/27 Javascript
javascript实现消灭星星小游戏简单版
2016/11/15 Javascript
基于JavaScript实现多级菜单效果
2017/07/25 Javascript
EasyUI的DataGrid绑定Json数据源的示例代码
2017/12/16 Javascript
基于vue 动态加载图片src的解决方法
2018/02/05 Javascript
解决Vue-cli npm run build生产环境打包,本地不能打开的问题
2018/09/20 Javascript
JS+CSS3实现的简易钟表效果示例
2019/04/13 Javascript
了解Javascript中函数作为对象的魅力
2019/06/19 Javascript
layui表格数据重载
2019/07/27 Javascript
vue页面引入three.js实现3d动画场景操作
2020/08/10 Javascript
Vue 解决在element中使用$notify在提示信息中换行问题
2020/11/11 Javascript
vue+Element-ui实现分页效果
2020/11/15 Javascript
django 多数据库配置教程
2018/05/30 Python
python对html过滤处理的方法
2018/10/21 Python
css3编写浏览器背景渐变背景色的方法
2018/03/05 HTML / CSS
美国复古街头服饰精品店:Need Supply Co.
2017/02/22 全球购物
美国伊甸园兄弟种子公司:Eden Brothers
2018/07/01 全球购物
俄罗斯汽车零件和配件在线商店:CarvilleShop
2019/11/29 全球购物
年度考核自我鉴定
2014/03/19 职场文书
镇党政领导班子民主生活会思想汇报
2014/10/11 职场文书
python中Tkinter 窗口之输入框和文本框的实现
2021/04/12 Python
面试中老生常谈的MySQL问答集锦夯实基础
2022/03/13 MySQL