手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >js改变文章字体大小的实例代码
js改变文章字体大小的实例代码
摘要:刚来公司的时候领导给分配的都是一些简单的简单的简单的。。。。。任务一次叫我把文章的字体大小变换功能写出来。在网上搜了很多都不管用!不过功夫不...

刚来公司的时候领导给分配的都是一些简单的简单的简单的。。。。。任务

一次叫我把文章的字体大小变换功能写出来。在网上搜了很多都不管用!不过功夫不负有心人还是被我找到了!拿出来分享下!

复制代码 代码如下:

<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 id="news_content">

文章内容

</div>

【js改变文章字体大小的实例代码】相关文章:

网页里控制图片大小的相关代码

js比较日期大小的方法

JQuery实现带排序功能的权限选择实例

手机开发必备技巧:javascript及CSS功能代码分享

javascript实现动态改变层大小的方法

Jquery使用css方法改变样式实例

jQuery插件制作之参数用法实例分析

JS函数实现鼠标指向图片后显示大图代码

javascript原型模式用法实例详解

实现DIV圆角的JavaScript代码

精品推荐
分类导航