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 相关文章推荐
jQuery 1.4 15个你应该知道的新特性(译)
Jan 24 Javascript
js下用eval生成JSON对象
Sep 17 Javascript
js禁止回车提交表单的示例代码
Dec 23 Javascript
javascript中数组的定义及使用实例
Jan 21 Javascript
JavaScript中的toLocaleLowerCase()方法使用详解
Jun 06 Javascript
node.js中module.exports与exports用法上的区别
Sep 02 Javascript
微信小程序 加载 app-service.js 错误解决方法
Oct 12 Javascript
Radio 单选JS动态添加的选项onchange事件无效的解决方法
Dec 12 Javascript
Bootstrap弹出框modal上层的输入框不能获得焦点问题的解决方法
Dec 13 Javascript
Vue0.1的过滤代码如何添加到Vue2.0直接使用
Aug 23 Javascript
vue实现鼠标移入移出事件代码实例
Mar 27 Javascript
浅谈TypeScript的类型保护机制
Feb 23 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中JSON的使用方法
2015/04/30 PHP
详解WordPress开发中用于获取分类及子页面的函数用法
2016/01/08 PHP
Linux平台php命令行程序处理管道数据的方法
2016/11/10 PHP
PHP自带方法验证邮箱、URL、IP是否合法的函数
2016/12/08 PHP
php注册系统和使用Xajax即时验证用户名是否被占用
2017/08/31 PHP
IE6下js通过css隐藏select的一个bug
2010/08/16 Javascript
jQuery使用动态渲染表单功能完成ajax文件下载
2013/01/15 Javascript
Js注册协议倒计时的小例子
2013/06/24 Javascript
使用JavaScript的ActiveXObject对象检测应用程序是否安装的方法
2014/04/15 Javascript
优化Node.js Web应用运行速度的10个技巧
2014/09/03 Javascript
JS+CSS实现简单的二级下拉导航菜单效果
2015/09/21 Javascript
javascript入门之window对象【新手必看】
2016/11/22 Javascript
微信小程序之ES6与事项助手的功能实现
2016/11/30 Javascript
谈谈第三方App接入微信登录 解读
2016/12/27 Javascript
在vue-cli脚手架中配置一个vue-router前端路由
2017/07/03 Javascript
JQuery EasyUI的一些常用组件
2017/07/12 jQuery
vue-cli脚手架-bulid下的配置文件
2018/03/27 Javascript
vue项目中公用footer组件底部位置的适配问题
2018/05/10 Javascript
详解Vue、element-ui、axios实现省市区三级联动
2019/05/07 Javascript
vue+egg+jwt实现登录验证的示例代码
2019/05/18 Javascript
jQuery与原生JavaScript选择HTML元素集合用法对比分析
2019/11/26 jQuery
JS实现关闭小广告特效
2021/01/29 Javascript
Python脚本实现DNSPod DNS动态解析域名
2015/02/14 Python
介绍Python中的__future__模块
2015/04/27 Python
python简单获取数组元素个数的方法
2015/07/13 Python
python基于pygame实现响应游戏中事件的方法(附源码)
2015/11/11 Python
Python判断文件或文件夹是否存在的三种方法
2017/07/27 Python
Python利用pandas处理Excel数据的应用详解
2019/06/18 Python
Python图像处理库PIL的ImageDraw模块介绍详解
2020/02/26 Python
python3中的logging记录日志实现过程及封装成类的操作
2020/05/12 Python
不可轻视HTML5!App三年内将被html5顶替彻底消失
2015/11/18 HTML / CSS
Converse匡威法国官网:美国著名帆布鞋品牌
2018/12/05 全球购物
2014年幼儿园元旦活动方案
2014/02/13 职场文书
小学美术兴趣小组活动总结
2014/07/07 职场文书
长江七号观后感
2015/06/11 职场文书
Python可视化神器pyecharts绘制水球图
2022/07/07 Python