在动态添加子元素后，没有获得div的正确高度？
在动态添加子元素后，没有获得div的正确高度？
提问于 2015-04-29 12:20:01
我有一个主DIV，id是div1。我在文档加载事件中的div1中添加了一些子元素(div1、tables等)。但是当我在添加子元素后检查div1的高度时，高度没有改变。请帮帮我。
//HTML code for main DIV
<div id='div1' style="height: 10px"> </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回答 4
Stack Overflow用户
发布于 2015-04-29 12:27:47
有一个拼写错误，用var height = $("#div1").height();替换你的可变高度
Stack Overflow用户
发布于 2015-04-29 12:30:22
尝尝这个。
http://jsfiddle.net/devkickstart/jzeg0k4u/
//HTML
<div id='div1'> </div>
//CSS
#div1{
height: auto;
min-height: 10px;
}
//JS
//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尽量不要使用内联样式属性。
--编辑--你可以像下面这样优化你的js
var div1 = $('#div1');
var child1 = document.createElement('div');
$(child1).css('height', '50px');
div1.append(child1);
var height = div1.height();
alert(height);Stack Overflow用户
发布于 2015-04-29 13:22:58
您可以尝试这样做：
child1.style.height= "50px";
或
child1.setAttribute("style", "height: 50px;");
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/29934317
复制相关文章
相似问题
腾讯云开发者
