JavaScript控制字体大小

使用JavaScript可以设置指定元素中文字的大小，下面通过简单简单的代码演示一下此效果。

代码实例如下:

[ 其他 ] 运行代码下载代码

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.51qianduan.com/" />
<title>js设置字体的大小-51前端</title>
<style type="text/css">
#thediv{
  width:150px;
  height:50px;
  margin:0px auto;
}
</style>
<script> 
function setSize(obj,num){
  obj.style.fontSize=num+"px"; 
}
window.onload=function(){
  var thediv=document.getElementById("thediv");
  var bt=document.getElementById("bt");
  bt.onclick=function(){setSize(thediv,30)}
}
</script> 
<body>
<div id="thediv">51前端欢迎您</div>
<input id="bt" type="button" value="设置字体的大小" />
</body>
</html>

代码描述：JavaScript 字体大小。JavaScript控制字体大小

下载全部收藏

232 310

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册