这篇文章主要介绍了 js 改变文章字体大小的实例代码,有需要的朋友可以参考一下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
刚来公司的时候领导给分配的都是一些简单的简单的简单的。。。。。任务
一次叫我把文章的字体大小变换功能写出来。在网上搜了很多都不管用!不过功夫不负有心人还是被我找到了!拿出来分享下!
- <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>
来源: