网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

javascript改变字体大小的方法

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

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

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

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

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

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

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



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

效果图如下:

javascript改变字体大小的方法

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

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

javascript改变字体大小的方法

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

javascript改变字体大小的方法

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

【相关推荐: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://bjjierui.cn/article/pdcpgj.html

其他资讯