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

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>

 

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

word快捷键及其功能

为啥iframe嵌入页面字号比原始页面字号的要小

1-JSif使用以字号加减为例

CSSCSS 文本样式 ① ( font 字体设置 | font-size 字号大小设置 | font-family 字体设置 | Unicode 编码字体名称 )

页面中文字增多，字号会突然变大

使用 WPF 做个 PowerPoint 系列 文本 BodyProperties 的 FontScale 与文本字号缩放