获取元素的实时宽度

Question

我有一个空的h2元素width=0.之后我用JavaScript在h2中添加了一些内容.如何获得h2元素的新宽度？

之前:<h2></h2>,然后我做$('h2').html('hello');,然后我有:<h2>hello</h2>.

Answer 1

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

更大的问题是静态设置块级元素的宽度,不允许它扩展以适应内容.如果你将h2的css设置为overflow:hidden你可能会看到我的意思.

默认情况下,标头标签会填充父级的可用宽度,即使是空的也是如此.