目的:单次点击使字体变大,一直点击一直变大,当变大为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>