獲取元素的實時寬度

Question

我有一個空的h2元素， width=0 。 之后，我使用JavaScript在h2中添加了一些內容。 如何獲得h2元素的新寬度？

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

Answer 1

.width()是如何獲取元素的實時寬度。

您更大的問題是靜態設置塊級元素的寬度， 不允許其擴展以適合content 。 如果將h2的css設置為overflow:hidden您可能會明白我的意思。

默認情況下，標頭標簽會填充父級的可用寬度，即使為空也是如此。