html如何点击按钮进行字体码数的同步变大缩小

页面效果这样的... 页面效果这样的展开

 我来答

1个回答

#合辑# 机票是越早买越便宜吗？

yugi111
2017-11-24 · TA获得超过8.1万个赞

知道大有可为答主

回答量：5.1万

采纳率：70%

帮助的人：1.3亿

我也去答题访问个人页

关注

展开全部

<!DOCTYPE html>
<html>
  <head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

	<title>RunJS 演示代码</title>
	<script>
		var add=function(){
			var b=document.body;
			var fs=parseFloat(getStyle(b,"fontSize"));
			b.style.fontSize=++fs+"px"; 
		}
				var sub=function(){
			var b=document.body;
			var fs=parseFloat(getStyle(b,"fontSize"));
			b.style.fontSize=--fs+"px"; 
		}
		var getStyle=function(obj,attr){
					if(obj.currentStyle){
						return obj.currentStyle[attr];	
					}else if(window.getComputedStyle){
						var styleVal = window.getComputedStyle(obj, null)[attr] 
						? window.getComputedStyle(obj, null)[attr] :
          			window.getComputedStyle(obj, null).getPropertyValue(attr);
           			return styleVal;
					}
				}
	</script>
  </head>
<body>
	hello world!<br />
	<input type="button" value="+" onclick="add()"/>
	<input type="button" value="-" onclick="sub()"/>
  </body>
</html>