JS 获取div框的宽度和高度

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

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

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

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

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

 

<input type="button" onclick="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>

 

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

 

 

评论

1 楼 棉花冰杯 2011-09-28  

最好是有一个获取标签的边框宽度的，目前我找了一个currentStyle来取，但是只有IE可以用...悲剧呀...