3-3练习
2019-03-10 本文已影响0人
大庆无疆
<body>
点击按钮可以改变我的字体
<div id="box">
<input type="button" value="20字体" size='20'>
<input type="button" value="26字体" size='26'>
<input type="button" value="30字体" size='30'>
</div>
<script type="text/javascript">
// 获取box元素
var box = document.getElementById('box');
// 获取按钮元素集合
var btns = box.children;
/*
for(var i = 0; i < btns.length; i++) {
// 循环注册点击事件
btns[i].onclick = function () {
//获取size的值(获取的值是字符串来的)
var size = this.getAttribute('size');
document.body.style.fontSize = size + 'px';
}
}
*/
//-------------------使用闭包方式-----------------------
function fn(size) {
return function () {
document.body.style.fontSize = size + 'px';
}
}
for(var i = 0; i < btns.length; i++) {
btns[i].onclick = fn(btns[i].getAttribute('size'));
}
</script>
</body>
