点击按钮，改变字体大小（js小作业）

2019独角兽企业重金招聘Python工程师标准>>>

    无论在各大网站中，还是个人小网页，都会有改变字体大小的设置。下面就用两个小按钮，一个div存放内容，来实现这个小功能。

<input type="button" id="up" value="字号增大">&nbsp;<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>

 

转载于:https://my.oschina.net/korabear/blog/1794480