点击按钮,改变字体大小(js小作业)

    无论在各大网站中,还是个人小网页,都会有改变字体大小的设置。下面就用两个小按钮,一个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;

扫描二维码关注公众号,回复: 77366 查看本文章

               oDiv.style.fontSize = num + 'px';

        }

        oDown.onclick = function () {

            num-= 1.2;

            oDiv.style.fontSize = num+'px';

        }

</script>

猜你喜欢

转载自my.oschina.net/u/3785555/blog/1794480