JS 获取div框的宽度和高度

最新推荐文章于 2025-06-16 18:41:56 发布

OnePiece_Sky

最新推荐文章于 2025-06-16 18:41:56 发布

阅读量7k

点赞数

分类专栏： js

js 专栏收录该内容

22 篇文章

订阅专栏

本文介绍了一种使用JavaScript获取div元素的scrollWidth和scrollHeight属性的方法，通过一个简单的示例展示了如何在网页中动态更新div的内容并读取其实际宽度和高度。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 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>