JS 获取div框的宽度和高度

今天遇到问题，需要计算放置的说明文字的坐标点

网上大多说使用字体和文字长度来计算，

字体并不是等长的，所以计算不准确。

突然想起  div 的scrollWidth     和     scrollHeight   属性。

在将div的内容设置好了以后， 这2个准确得到了宽度 和 高度。

 

<input type="button" οnclick="calculate()" value="test">

 

<script>
 function calculate(){
  var divs = document.getElementById("ShowTempText");
  divs.innerHTML="wuao ahshahsah  <font size=6>有么么么么么么么么么</font>";
  alert(divs.scrollWidth + "__" + divs.scrollHeight);
 }
</script>

 

写在此处，避免以后查找麻烦。、