Question

创建Div'MyParent'之后，许多具有不同宽度和高度的孩子被添加到此'MyParent'中。到最后，我想知道最终的宽度和宽度。 'MyParent'的高度，以像素为单位。我用熟悉的功能来获得宽度和宽度。高度，我在所有尝试中都得到0。

这是一个简单的代码：

var myPrt = document.createElement('div');
var C1 = document.createElement('div');
var C2 = document.createElement('div');
var C3 = document.createElement('div');

myPrt.appendChild(C1);
myPrt.appendChild(C2);
myPrt.appendChild(C3);

$(C1).css({position:absolute;left:-100px;top:100px;width:100px;height:50px;background:red});
$(C2).css({position:absolute;left:100px;top:-100px;width:75px;height:50px;background:yellow});
$(C3).css({position:absolute;left:150px;top:200px;width:90px;height:50px;background:black});

$(myPrt).height(); // returns 0
$(myPrt).css('height') // returns 0
$(myPrt).innerHeight(); // returns 0
$(myPrt).outerHeight(); // returns 0
myPrt.clientHeight; // returns 0

以简单的方式得到它？

因为实际上我已经找到了解决这个问题的方法，但是它在Childs中起作用，创建一个循环，抛出所有的Parent Childs，然后获得这些孩子的最大左侧和最小值，然后返回距离在min＆amp;之间通过获得最大/最小值顶部的最大值和高度相同的提示，但是，这个提示需要孩子有一个绝对的位置来到那里/上午我正在寻找一个现有的jquery或javascript函数，这样做没有绝对位置孩子们。

由于

Answer 1

看看这个JSFiddle，我觉得你只是笨拙。您从未将myPrt div添加到文档中。

另一个问题是你没有将css作为带有字符串变量的格式正确的javascript字典传递。

http://jsfiddle.net/FcSEG/1/

var myPrt = document.createElement('div');
$('body').append(myPrt);

var C1 = document.createElement('div');
var C2 = document.createElement('div');
var C3 = document.createElement('div');

myPrt.appendChild(C1);
myPrt.appendChild(C2);
myPrt.appendChild(C3);

$(C1).css('width','500');
$(C1).css('height','500')
$(C1).css('background','red');

alert($(myPrt).height());

获得div的宽度;添加孩子后的高度

1 个答案: