求教：js 如何控制浏览器中的字体大小

<html>
<head>
<title>无标题文档</title>
<script language="javascript">
function funselect(a){
if(a.value==1){
document.body.style.fontSize="30px";
}else if(a.value==2){
document.body.style.fontSize="20px";
}else if(a.value==3){
document.body.style.fontSize="10px";
}
}
</script>
</head>
<body>
字体大小
<select name="myselect" onChange="funselect(this)">
  <option value="1">大</option>
  <option value="2">中</option>
  <option value="3">小</option>
</select>
</body>
</html>