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

Posted 透明的月儿

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了页面上有一段文本，实现增大字号和减小字号相关的知识，希望对你有一定的参考价值。

 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>

 

以上是关于页面上有一段文本，实现增大字号和减小字号的主要内容，如果未能解决你的问题，请参考以下文章