js改变文章字体大小的实例代码
2018-10-12 14:01
1016 查看
刚来公司的时候领导给分配的都是一些简单的简单的简单的。。。。。任务
一次叫我把文章的字体大小变换功能写出来。在网上搜了很多都不管用!不过功夫不负有心人还是被我找到了!拿出来分享下!
<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>
您可能感兴趣的文章:
相关文章推荐
- js改变文章字体大小的实例代码
- jquery 文章内容字体大小更换与改变代码
- js实现动态改变字体大小代码
- jquery更换文章内容与改变字体大小代码
- js实现动态改变字体大小代码
- js实现动态改变字体大小代码
- js 改变文章字体大小
- jquery更换文章内容与改变字体大小代码
- js如何改变文章的字体大小
- 使用js如何改变一篇文章的字体的大小?
- js如何改变文章的字体大小
- Myeclipse 改变代码字体的大小
- 应用js改变问章字体大小
- 在zend studio中改变代码的字体显示大小
- Python复制Word内容并使用格式设字体与大小实例代码
- jQuery获取窗口大小及窗口大小改变时执行代码实例
- 【FAQ】Arduino 编辑器改变字体大小后,代码对齐错乱
- js实时获取窗口大小变化的实例代码
- 改变网页文章字体大小