获得真正的 p 宽度

Question

我正在获取<p> 的宽度。 <p> 放置在 <div> 容器内，旁边有一个 <input>。 <div> 及其所有内容在获取宽度之前动态添加到 DOM。

<div id="text-0">
<p>name</p>
<input>
</div>

<p> 的宽度，如果我在控制台中查看$(p) 对象属性是 35（offsetWidth，clientWidth），但代码中的 $(p).width() 返回 162，这是输入的宽度旁边的元素。所有方法返回相同的值$(p).innerWidth()、$(p).outerWidth()、p.offsetWidth、p.clientWidth、p.getBoundingClientRect()

Answer 1

我发现它是什么——我的错误不是我想的 javascript/css 问题。它与在div 上使用AngularJs $compile 有关，我没有提到它，因为我认为它与问题无关。解决方案是等待 $compile 然后获取测量值。