码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2017-04-26 01:32:14      阅读:217      评论:0      收藏:0      [点我收藏+]

标签:element   pre   row   get   eve   fonts   parse   name   class   

 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>

 

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

标签:element   pre   row   get   eve   fonts   parse   name   class   

原文地址:http://www.cnblogs.com/jiaoyue/p/6765313.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!