<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
#box{
width: 500px;
height: 500px;
border: 2px solid black;
font-size: 100px;
margin: auto;
text-align: center;
line-height: 500px;
}
</style>
</head>
<body>
<div id="box">
李
</div>
<button id="btnup">
放大
</button>
<button id="btndowm">
缩小
</button>
<script>
var box = document.getElementById("box")
btnup= document.getElementById("btnup")
btndown=document.getElementById("btndowm")
btnup.onclick = function()
{
var size = parseInt(getComputedStyle(box).fontSize);
size =size+10;
if(size>=200)
{
size=200;
}
box.style.fontSize=size+"px";
}
</script>
</body>
</html>
Processed:
0.017, SQL:
9
