javascript - 动态添加子元素后无法获得正确的div高度？

我有一个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

最佳答案

这是一个错字，用var height = $("#div1").height();替换您的可变高度

关于javascript - 动态添加子元素后无法获得正确的div高度？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/29934317/