首页 > 代码库 > 页面上有一段文本，实现增大字号和减小字号

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

2024-09-17 11:10:14   216人阅读

 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>

 

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


联系
我们