Question

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

+[PHAsset fetchAssetsWithLocalIdentifiers:identifiers options:options]

Answer 1

Ther是一个拼写错误，用var height = $("#div1").height();

替换你的可变高度

Answer 2

试试这个。

http://jsfiddle.net/devkickstart/jzeg0k4u/

//HTML
<div id='div1'>&nbsp;</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

尽量不要使用内联样式属性。

- Edit-- 你可以像下面那样优化你的js

var div1 = $('#div1');
var child1 = document.createElement('div');
$(child1).css('height', '50px');
div1.append(child1);
var height = div1.height();
alert(height);

Answer 3

你可以试试这个：

child1.style.height= "50px";

OR

child1.setAttribute("style", "height: 50px;");

Answer 4

您好，您已经修复了height: 10px，因此不会更改。而不是使用高度使用min-height: 10px。这样，如果添加新孩子，身高将自动增加。

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

4 个答案: