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 相关文章推荐
jtable列中自定义button示例代码
Nov 21 Javascript
兼容各大浏览器的JavaScript阻止事件冒泡代码
Jul 09 Javascript
JS实现队列的先进先出功能示例
May 10 Javascript
微信小程序实现点击文字页面跳转功能【附源码下载】
Dec 12 Javascript
老生常谈JS中的继承及实现代码
Jul 06 Javascript
JS实现的简单分页功能示例
Aug 23 Javascript
Vue中控制v-for循环次数的实现方法
Sep 26 Javascript
jQuery时间戳和日期相互转换操作示例
Dec 07 jQuery
validform表单验证的实现方法
Mar 08 Javascript
vue fetch中的.then()的正确使用方法
Apr 17 Javascript
Vue的全局过滤器和私有过滤器的实现
Apr 20 Javascript
jQuery-App输入框实现实时搜索
Nov 19 jQuery
一个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
关于使用coreseek并为其做分页的介绍
2013/06/21 PHP
PHP使用redis消息队列发布微博的方法示例
2017/06/22 PHP
php获取用户真实IP和防刷机制的实例代码
2018/11/28 PHP
laravel-admin解决表单select联动时,编辑默认没选上的问题
2019/09/30 PHP
浅谈Laravel POST,PUT,PATCH 路由的区别
2019/10/15 PHP
fckeditor 获取文本框值的实现代码
2009/02/09 Javascript
网页禁用右键实现代码(JavaScript代码)
2009/10/29 Javascript
JS控制一个DIV层在指定时间内消失的方法
2014/02/17 Javascript
jquery实现省市select下拉框的替换(示例代码)
2014/02/22 Javascript
简单方法判断JavaScript对象为null或者属性为空
2014/09/26 Javascript
javascript数据类型示例分享
2015/01/19 Javascript
Jquery1.9.1源码分析系列(十五)动画处理之外篇
2015/12/04 Javascript
全面了解JS中的匿名函数
2016/06/29 Javascript
JavaScript浮点数及运算精度调整详解
2016/10/21 Javascript
canvas绘制的直线动画
2017/01/23 Javascript
详解webpack 入门与解析
2018/04/09 Javascript
JSON生成Form表单的方法示例
2018/11/21 Javascript
Vue组件实现触底判断
2019/06/26 Javascript
微信小程序轮播图swiper代码详解
2020/12/01 Javascript
总结Python中逻辑运算符的使用
2015/05/13 Python
K-means聚类算法介绍与利用python实现的代码示例
2017/11/13 Python
Python爬虫实现抓取京东店铺信息及下载图片功能示例
2018/08/07 Python
python基础梳理(一)(推荐)
2019/04/06 Python
python从入门到精通 windows安装python图文教程
2019/05/18 Python
python使用openCV遍历文件夹里所有视频文件并保存成图片
2020/01/14 Python
Python读取Excel一列并计算所有对象出现次数的方法
2020/09/04 Python
Python classmethod装饰器原理及用法解析
2020/10/17 Python
Python实现淘宝秒杀功能的示例代码
2021/01/19 Python
使用canvas来完成线性渐变和径向渐变的功能的方法示例
2019/07/25 HTML / CSS
Holiday Inn中国官网:IHG旗下假日酒店预订
2018/04/08 全球购物
《锄禾》教学反思
2014/04/08 职场文书
小学毕业演讲稿
2014/04/25 职场文书
一次性工伤赔偿协议书范本
2014/11/25 职场文书
《桂花雨》教学反思
2016/02/19 职场文书
CSS3实现的侧滑菜单
2021/04/27 HTML / CSS
python关于集合的知识案例详解
2021/05/30 Python