javascript改变字体大小的方法

这篇文章主要介绍“javascript改变字体大小的方法”，在日常操作中，相信很多人在javascript改变字体大小的方法问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”javascript改变字体大小的方法”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！

成都创新互联公司是一家专业的成都网站建设公司，我们专注成都网站设计、网站建设、网络营销、企业网站建设，买链接，1元广告为企业客户提供一站式建站解决方案，能带给客户新的互联网理念。从网站结构的规划UI设计到用户体验提高，创新互联力求做到尽善尽美。

在javascript中，可以使用Style对象的fontSize属性来改变字体大小，该属性可以设置文本的字体大小，语法格式“元素对象.style.fontSize="值"”。

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

在javascript中，可以使用Style对象的fontSize属性来改变字体大小。

下面我们通过示例来看看fontSize属性是怎么改变字体大小的。

首先还是先看布局，简单写一句话，并写两个按钮：

这是一些文字这是一些文字这是一些文字这是一些文字

效果图如下：

然后，就要通过点击加减按钮来控制文字的大小了，js代码如下：

点击“+”按钮一下，那么文字就会增加一像素，一直点击便会一直变大：

点击“-”按钮一下，那么文字就会减小一像素，一直点击便会一直变小：

就是这么的简单，一定要注意定义初始变量的时候，一定要是全局变量，而你需要操作按钮才使文字有变化的话，那么变量的增加和减小就一定是局部变量。

【相关推荐：javascript学习教程】

说明：HTML DOM Style fontSize 属性

fontSize属性设置或返回文本的字体大小。

语法：

• 返回fontSize属性：

object.style.fontSize

• 设置fontSize属性：

object.style.fontSize = "value"

属性值：

值	描述
xx-small x-small small medium large x-large xx-large	将字体大小设置为不同的固定大小，从xx-small到xx-large
smaller	将字体大小减少一个相对单位
larger	将字体大小增加一个相对单位
length	以长度单位定义字体大小
%	将font-size设置为父元素字体大小的％

到此，关于“javascript改变字体大小的方法”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注创新互联网站，小编会继续努力为大家带来更多实用的文章！

网站名称：javascript改变字体大小的方法
本文网址：http://mswzjz.cn/article/pdcpgj.html