改变div大小

<html>
<script language="javascript">
function changeWH()
{
  var div1 = document.getElementById("div1");
  var xW = document.getElementById("xW");
  var yH = document.getElementById("yH");  //div1.style.width =450;
  //alert(div1.innerHTML);
  if(xW.value > 0)
  {
 div1.style.width = xW.value;
  }
  xW.value = "";
  
  if(yH.value > 0)
  {
       div1.style.height = yH.value;
  }
  yH.value = "";
}
</script>
<body>
 <div id="div1" style="height:500px;width:900px;border:solid 1px #cccccc;"></div> 
 宽:<input type="text" id="xW">
 高:<input type="text" id="yH"> <input type="submit" value="提交" onClick="changeWH();">
</body>
</html>在原来的div上，加上了一个灰色的边框，这样可以让，div大小的改变的明显。