css:
<style>
#oP {
font-size: 15px;
}
</style>
html:
<input type="button" value="+" id="Jia">
<input type="button" value="-" id="Jian">
<p id="oP">我是一段文字。。。</p>
javascript:
<script>
window.onload = function(){
var jia = document.getElementById('Jia');
var jian = document.getElementById('Jian');
var oP = document.getElementById('oP');
var num = 15;//原来字体大小是15px,所以要在它的基础上进行增减
jia.onclick = function(){
num ++;
//注意:JS中不允许出现中划线'-'例如:font-size.要写成fontSize格式。
//alert(num);查看弹出的内容
oP.style.fontSize = num + 'px';
//弹出的num只是数字,并没有像素单位,所以要添加单位,否则不会改变字体大小
}
jian.onclick = function(){
num --;
oP.style.fontSize = num + 'px';
}
}
</script>
注意:
1. JS中不允许出现中划线’-‘例如:font-size.要写成fontSize格式。
2. 弹出的num只是数字,并没有像素单位,所以要添加单位,否则不会改变字体大小