js实现点击按钮文字变大的效果

利用JS实现点击文字变大的结果,本家儿如果经由过程改变文字的样式来实现,即改变字体的巨细。下面介绍实现结果的过程。

方式/步调

  1. 1

    新建一个HTML文件,定名为test.html,用于实现JS点击文字变大的结果。

  2. 2

    在test.html文件中,利用p标签界说一段文字,而且为p标签界说一个值为demo的id属性,便利下面获得p标签对象。

  3. 3

    再在test.html文件中,利用input标签界说一个名称为“点击”的按钮,用于实现点击的结果。

  4. 4

    给input标签按钮绑心猿意马onclick点击事务,经由过程点击事务触发去操作p元素内容文字的巨细。

  5. 5

    利用JS界说一个函数handel(),在handel()方式内编写JS代码实现改变文字的巨细,handel()方式经由过程onclick事务触发执行。

  6. 6

    在handel()函数内,利用document.getElementById()的方式获得P标签对象,经由过程对象属性的方式从头界说字体的巨细,例如,点击后使p标签的文字巨细酿成30px。

  7. 7

    在浏览器运行test.html文件,查看实现的结果:

    可见,当作功实现了点击按钮改变文字的巨细。

  • 发表于 2019-07-08 17:03
  • 阅读 ( 1077 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
admin
admin

0 篇文章

作家榜 »

  1. xiaonan123 189 文章
  2. 汤依妹儿 97 文章
  3. luogf229 46 文章
  4. jy02406749 45 文章
  5. 小凡 34 文章
  6. Daisy萌 32 文章
  7. 我的QQ3117863681 24 文章
  8. 华志健 23 文章

推荐文章

联系我们:uytrv@hotmail.com 问答工具