您的位置:首页 > Web前端 > JavaScript

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

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

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  js改变字体大小