javascript - 动态添加子元素后没有得到正确的 div 高度？

Question

我有一个 ID 为 div1 的主 DIV。我在文档加载事件的 div1 中添加了一些子元素(div、表格等)。但是当我在添加子元素后检查 div1 的高度时，高度没有改变。请帮助我...

//HTML code for main DIV
    <div id='div1' style="height: 10px">&nbsp;</div>

//Javascript in Document Load event
var div1 = document.getElementById('div1');
var child1 = document.createElement('div');
child1.setAttribute('style', 'height:50px');
div1.appendChild(child1);
var height = $("#div1").height();
alert(height);//value of height is 10px NOT 50px

Answer 1

这是一个打字错误，用 var height = $("#div1").height(); 替换你的变量 height();