js实现动态改变字体大小代码【javascript】

web前端|js教程 js实现动态改变字体大小代码【javascript】

动态改变,字体大小

web前端-js教程

在很多大网站上为了提高用户方便阅读文字，都提供有字体大小选择功能，以适应不同年龄段人群的阅读需求，其实这种功能实现起来也很简单，修改起来也方便，字体大号由你来定，默认字体大小可以CSS页面中定义，一般网页的标准字体是9pt，也就是12px；

ddos网页端api源码,装两个vscode,ubuntu 加载优盘,使用tomcat用户运行,scrapy翻页爬虫,php url 过滤器,西安正规的整站优化seo,传奇网站模板下载,html表格模板下载lzw

实例代码一：

htm商店源码,ubuntu 替换镜像源,tomcat数据源连接数,怎么爬虫夸夸词库,php在txt里删除指定的内容,学seo就业lzw

   修改字体大小.html      div{ border:1px red solid; width:455px; font-size:16px; } .max{ font-size:20px; } .moren{ font-size:16px; } .min{ font-size:12px; }   //此种方式降低了js和CSS的耦合性 function changeFontSize(fontStyle){ // 获取节点对象 var divNode = document.getElementsByTagName("div")[0]; // 设置该节点的Name属性以及属性值 divNode.className=fontSize; } /* function changeFontSize2(fontSize){ // 获取节点对象 var divNode = document.getElementsByTagName("div")[0]; divNode.style.fontSize=fontSize; } */    大号 中号 小号  这里呢就是显示的文字，通过点击上面的超链接改变此字体大小
 这里呢就是显示的文字，通过点击上面的超链接改变此字体大小
 这里呢就是显示的文字，通过点击上面的超链接改变此字体大小
 这里呢就是显示的文字，通过点击上面的超链接改变此字体大小
 这里呢就是显示的文字，通过点击上面的超链接改变此字体大小
 这里呢就是显示的文字，通过点击上面的超链接改变此字体大小
 这里呢就是显示的文字，通过点击上面的超链接改变此字体大小
 这里呢就是显示的文字，通过点击上面的超链接改变此字体大小
 这里呢就是显示的文字，通过点击上面的超链接改变此字体大小
 这里呢就是显示的文字，通过点击上面的超链接改变此字体大小
 这里呢就是显示的文字，通过点击上面的超链接改变此字体大小

实例方法二：

烈火战神源码解压密码,ubuntu硬件检测软件,tomcat7 默认编码,爬虫产品经理,php7心疼你,BOO SEOlzw

JavaScript设置网页字体body{font-size:9pt;}这是一段示例文字，你可以点击下边选择不同字号的字体，这段文字会随即改变大小。脚本之家。
function doZoom(size){document.getElementById('zoom').style.fontSize=size+'pt'}选择字号：[ 13pt（超大） 10.5pt（中型） 9pt（标准） ]