获取元素的实时宽度

Question

我有一个空的h2元素，其中width=0。之后，我使用JavaScript在h2中添加了一些内容。我怎样才能获得h2元素的新宽度？

之前：<h2></h2>，然后我做$('h2').html('hello');，然后我有：<h2>hello</h2>。

Answer 1

.width()是如何获取元素的实时宽度。

您的大问题是静态设置块级元素的宽度，不允许它扩大以适应内容。如果您将该h2的css设置为overflow:hidden，您可能会明白我的意思。

默认情况下，标头标记即使在为空时也会填充父级的可用宽度。