DIV的动态宽度（offsetWidth问题）

Question

我面临的问题是检索（通过javascript）div的宽度，内容被更改（在通过offsetWidth读取widht之前）以动态方式（通过更改innerHTML或使用createTextNode）。

以下是一些示例代码：

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 /> 

length1和length2的宽度相同..（使用innerHTML而不是createTextNode时得到的结果相同。）

看起来像下面讨论中描述的那个问题：
http://www.webdeveloper.com/forum/showthread.php?t=187716

有人有答案（解决方法）吗？ 非常感谢您的帮助。

Answer 1

继承CSS - 来自外部元素的DIV的宽度或另一个div或表。