页面上有一段文本，实现增大字号和减小字号

最新推荐文章于 2020-03-17 20:57:18 发布

a496798779

最新推荐文章于 2020-03-17 20:57:18 发布

阅读量267

点赞数

原文链接：http://www.cnblogs.com/jiaoyue/p/6765313.html

版权

 1 <body>
 2 <textarea name="" id="text" cols="30" rows="10" style="font-size: 18px;width: 200px;height: 200px;"></textarea><br/>
 3 <button id="btnBi">增大字号</button> <button id="btnSm">减小字号</button>
 4 <script>
 5     var btnBi=document.getElementById('btnBi');
 6     var btnSm=document.getElementById('btnSm');
 7     var text=document.getElementById('text');
 8     btnBi.addEventListener('click',function () {
 9         text.style.fontSize=parseInt(text.style.fontSize)+5+'px';
10     })
11     btnSm.addEventListener('click',function () {
12         text.style.fontSize=parseInt(text.style.fontSize)-5+'px';
13     })
14 </script>
15 </body>

转载于:https://www.cnblogs.com/jiaoyue/p/6765313.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

a496798779

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
页面上有一段文本，实现增大字号和减小字号

1 <body> 2 <textarea name="" id="text" cols="30" rows="10" style="font-size: 18px;width: 200px;height: 200px;"></textarea><br/> 3 <button id="btnBi">增大字号</...
复制链接

扫一扫