在 JS 中获取溢出跨度的所需宽度答案

【问题标题】：Getting required width of an overflowing span in JS在 JS 中获取溢出跨度的所需宽度
【发布时间】：2014-09-04 01:28:59
【问题描述】：

<div id="wrapper" style="width:50px; overflow:hidden;">
  <span id="innerPart" style="white-space: nowrap; width: auto;">Lorem ipsum...</span>
</div>

你好互联网，我试图获得 innerPart 需要通过 JS 完全显示的宽度。尝试使用document.getElementById("innerPart").width;，但它只是返回null

【问题讨论】：

【解决方案1】：

使用document.getElementById("innerPart").offsetWidth

看到这个answer

如果您想要 width 属性，则不要使用 style 属性。例如。 document.getElementById("innerPart").style.width

不同之处在于 offsetWidth 是一个计算属性，它考虑了边框和填充，而 width 没有。您可能会发现 width 为 null，如果您没有专门设置宽度，我假设这是正确的。

【讨论】：