動態寬度的DIV（offsetWidth問題）

Question

我面臨與動態的方式（通過改變innerHTML或使用createTextNode）檢索（通過javascript）寬度div的內容改變的寬度（就在讀取widht通過offsetWidth之前）。

下面是一些示例代碼：

var con = document.getElementById('avContent'); //content div within page 

var temp = document.createElement('div');<br /> 
var text1 = document.createTextNode('CCCCC');<br /> 
temp.appendChild(text1);<br /> 
con.appendChild(temp);<br /> 
var length1 = temp.offsetWidth;<br /> 
var text2 = document.createTextNode('CCCCC33333333vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv');<br /> 
temp.removeChild(text1);<br /> 
temp.appendChild(text2);<br /> 
con.removeChild(temp);<br /> 
con.appendChild(temp); 
var length2 = temp.offsetWidth;<br /> 

的長度1和長度2確實有相同的寬度。（同樣的結果，而使用的innerHTML，而不是一個createTextNode我得到的）。

看起來它就像在下面的討論中所描述的相同的問題：
http://www.webdeveloper.com/forum/showthread.php?t=187716

有誰知道答案（解決辦法）？
非常感謝您的幫助。

Answer 1

Inherit CSS - DIV從外部元素或另一個div或Table的寬度。