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 相关文章推荐
XHTML下,JS浮动代码失效的问题
Nov 12 Javascript
使用Math.floor与Math.random取随机整数的方法详解
May 07 Javascript
JQuery事件e参数的方法preventDefault()取消默认行为
Sep 26 Javascript
JS实现带有抽屉效果的产品类网站多级导航菜单代码
Sep 15 Javascript
JS如何生成一个不重复的ID的函数
Dec 25 Javascript
JavaScript数组迭代方法
Mar 03 Javascript
在js中做数字字符串补0(js补零)
Mar 25 Javascript
[js高手之路]图解javascript的原型(prototype)对象,原型链实例
Aug 28 Javascript
原生JS实现简单的无缝自动轮播效果
Sep 26 Javascript
小程序hover-class点击态效果实现
Feb 26 Javascript
vue 设置 input 为不可以编辑的实现方法
Sep 19 Javascript
vue-cli打包后本地运行dist文件中的index.html操作
Aug 12 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
杏林同学录(六)
2006/10/09 PHP
php写入、删除与复制文件的方法
2015/06/20 PHP
PHP解压tar.gz格式文件的方法
2016/02/14 PHP
PHP SFTP实现上传下载功能
2017/07/26 PHP
Windows下wamp php单元测试工具PHPUnit安装及生成日志文件配置方法
2018/05/28 PHP
mouse_on_title.js
2006/08/25 Javascript
javascript对数组的常用操作代码 数组方法总汇
2011/01/27 Javascript
javascript 实现 秒杀,团购 倒计时展示的记录 分享
2013/07/12 Javascript
node.js中Socket.IO的进阶使用技巧
2014/11/04 Javascript
jQuery插件简单实现方法
2015/07/18 Javascript
jQuery控制文本框只能输入数字和字母及使用方法
2016/05/26 Javascript
JS中对Cookie的操作详解
2016/08/05 Javascript
jquery.Jcrop结合JAVA后台实现图片裁剪上传实例
2016/11/05 Javascript
Bootstrap datepicker日期选择器插件使用详解
2017/07/26 Javascript
详解React项目的服务端渲染改造(koa2+webpack3.11)
2018/03/19 Javascript
详解JavaScript的内存空间、赋值和深浅拷贝
2019/04/17 Javascript
vue 获取视频时长的实例代码
2019/08/20 Javascript
Vue使用轮询定时发送请求代码
2020/08/10 Javascript
[02:23]2014DOTA2国际邀请赛中国战队回顾
2014/08/01 DOTA
Python HTMLParser模块解析html获取url实例
2015/04/08 Python
Django的session中对于用户验证的支持
2015/07/23 Python
python机器学习实战之K均值聚类
2017/12/20 Python
Python3实现的判断环形链表算法示例
2019/03/07 Python
Django异步任务之Celery的基本使用
2019/03/23 Python
实例教程 一款纯css3实现的数字统计游戏
2014/11/10 HTML / CSS
澳大利亚宠物食品和药物在线:Jumbo Pets
2018/03/24 全球购物
倩碧英国官网:Clinique英国
2018/08/10 全球购物
瑞典耳机品牌:URBANISTA
2019/12/03 全球购物
最经典的大学生职业生涯规划范文
2014/03/05 职场文书
暑期培训随笔感言
2014/03/10 职场文书
教师自我鉴定范文
2014/03/20 职场文书
自我推荐信范文
2014/05/09 职场文书
营运督导岗位职责
2015/04/10 职场文书
保姆聘用合同
2015/09/21 职场文书
幼儿园大班教学反思
2016/03/02 职场文书
Tomcat项目启动失败的原因和解决办法
2022/04/20 Servers