js改变文章字体大小的实例代码
更新时间：2013年11月27日 15:10:23 作者：
这篇文章主要介绍了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 style="font-size:14px;" id="news_content">
文章内容
</div>
相关文章
Kibo是一个简单的用于处理键盘事件的Javascript工具库。2011-10-10
javascript实现简约的页面右下角点击弹出窗口示例【测试可用】
这篇文章主要介绍了javascript实现的页面右下角点击弹出窗口功能,结合实例形式详细分析了javascript页面右下角点击弹出窗口功能的相关步骤、原理与注意事项,需要的朋友可以参考下2023-07-07
Js实现的动态增加表格的文章有很多，但大多数都不兼容FF和IE，于是手写了一个，经测试效果还不错，特此与大家分享，感兴趣的朋友不要错过2013-10-10
Ajax Blog 用到的几个函数...2006-10-10
impress.js 是国外一位开发者受 Prezi 启发，采用 CSS3 与 JavaScript 语言完成的一个可供开发者使用的表现层框架(演示工具)。感兴趣的朋友跟着小编一起学习吧2015-09-09
这篇文章主要为大家详细介绍了微信小程序云开发之使用云函数，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-05-05
这篇文章主要介绍了js省市联动效果完整实例代码,涉及JavaScript数组的定义与遍历技巧,代码非常具有实用价值,需要的朋友可以参考下2015-12-12
下拉框想必大家都有见过，可编辑的下拉框就不多见了吧，本例为大家介绍个不错的实现方法，需要的朋友可以参考下2014-06-06
使用JavaScript删除HTML元素的2种方法及3种情况
给定一个HTML元素，如何使用JavaScript从文档中删除该HTML元素,这篇文章主要给大家介绍了关于使用JavaScript删除HTML元素的2种方法及3种情况,文中通过代码介绍的非常详细,需要的朋友可以参考下2024-01-01
这篇文章主要介绍了JavaScript实现的浮动层框架用法,以实例形式分析了JavaScript实现可关闭的半透明浮动层相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-10-10
最新评论