DIV的动态宽度(offsetWidth问题)

Question

我面临着以动态方式(通过更改innerHTML或使用createTextNode)检索(通过javascript)内容被更改(就在通过offsetWidth读取窗口之前)的div宽度的问题。

下面是一些示例代码：

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或Table。