0

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 で動作し、すべての Parents Childs をスローするループを作成し、次にこれらの childs の最大左と最小左を取得し、最小間の距離を返します& max 、および最大/最小トップを取得することによる高さの同じヒントですが、このヒントには、絶対位置なしでそれを行う既存のjqueryまたはjavascript関数を探しています。チャイルズ用。

ありがとう

4

1 に答える 1