2012-01-05 236 views
0

我有一個空的h2元素,其中width=0。之後,我使用JavaScript在h2中添加了一些內容。我怎樣才能獲得h2元素的新寬度?獲取元素的實時寬度

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

+0

與插入內容前相同的方法。 – 2012-01-05 16:23:24

+0

提名重新開放,因爲與重複的區別在於它處​​理靜態寬度設置的標題元素,而建議的重複處理沒有設置靜態寬度的元素。 – jondavidjohn 2012-01-05 17:15:36

回答

5

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

您的大問題是靜態設置塊級元素的寬度,不允許它擴大以適應內容。如果您將該h2的css設置爲overflow:hidden,您可能會明白我的意思。

默認情況下,標頭標記即使在爲空時也會填充父級的可用寬度。

+0

我越來越0,當我做$('h2')。width() – tokmak 2012-01-05 17:06:34

+0

@DmitryT查看更新的答案... – jondavidjohn 2012-01-05 17:16:16