在JS中获得所需的溢出跨度宽度

Question

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

Hello interwebs， 我正在尝试通过JS完全显示 innerPart 所需的宽度。 尝试使用document.getElementById("innerPart").width;，但它只是返回null

Answer 1

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

请参阅此answer

如果您想要width属性，请关闭style属性。例如。 document.getElementById("innerPart").style.width

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