无论在各大网站中,还是个人小网页,都会有改变字体大小的设置。下面就用两个小按钮,一个div存放内容,来实现这个小功能。
<input type="button" id="up" value="字号增大"> <input type="button" id="down" value="字号减小"> <div id="wrapper">文字文字文字文字文字文字文字文字文字文字文字</div>
<script type = "text/javascript"> // 获取个元素 var oUp = document.getElementById(‘up’); // 注意引号,要用英文半角 var oDown = document.getElementById('down'); var oDiv = document.getElementById('wrapper'); var num = 16; // 默认字体大小 oUp.onclick = function () { num += 1.2; oDiv.style.fontSize = num + 'px'; } oDown.onclick = function () { num-= 1.2; oDiv.style.fontSize = num+'px'; } </script>