利用JS实现点击文字变大的结果,本家儿如果经由过程改变文字的样式来实现,即改变字体的巨细。下面介绍实现结果的过程。
新建一个HTML文件,定名为test.html,用于实现JS点击文字变大的结果。
在test.html文件中,利用p标签界说一段文字,而且为p标签界说一个值为demo的id属性,便利下面获得p标签对象。
再在test.html文件中,利用input标签界说一个名称为“点击”的按钮,用于实现点击的结果。
给input标签按钮绑心猿意马onclick点击事务,经由过程点击事务触发去操作p元素内容文字的巨细。
利用JS界说一个函数handel(),在handel()方式内编写JS代码实现改变文字的巨细,handel()方式经由过程onclick事务触发执行。
在handel()函数内,利用document.getElementById()的方式获得P标签对象,经由过程对象属性的方式从头界说字体的巨细,例如,点击后使p标签的文字巨细酿成30px。
在浏览器运行test.html文件,查看实现的结果:
可见,当作功实现了点击按钮改变文字的巨细。
0 篇文章
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!