目的:单次点击使字体变大,一直点击一直变大,当变大为40的时候结束,字体不再变大。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>你好</title>
<link rel="shortcut icon" href="//www.baidu.com/favicon.ico" type="image/x-icon"/>
<style type="text/css">
*{
margin:0;
padding:0;
}
p{
width: 400px;
height: 200px;
color: skyblue;
/*外边框*/
border:1px solid yellow;
margin:100px auto;
text-align: center;
line-height: 200px;
background-color: black;
}
</style>
</head>
<body>
<p id = "haha">你好啊</p>
</body>
</html>
<script type="text/javascript">
var haha = document.getElementById("haha");
var haha1 = 15;
haha.onclick = function(){
if(haha1>=40){
haha1=40;
}else{
haha1 += 5;
}
haha.style.fontSize = haha1 + "px";
}
</script>