3

幅や高さが定義されていないdiv要素があります。それは他の要素を保持し、それらのサイズで成形します。内部の要素（動的要素）のサイズを確認できずに、divの最終的なサイズを取得する必要があります。

オブジェクトのすべてのプロパティを解析しようとしましたが、何も見つかりませんでした。すべてが「未定義」でした。

何かご意見は？

どうもありがとう

後で編集：

私は持っています

<div id="xxx" style="position:relative;">  
    aaaa
</div>

私は試した：

var a = mydiv.style.width;

しかし、それは機能しませんでした。

私も試しました： 

var getKeys = function (obj) {  
    var keys = [];

    for(var key in obj){  
        document.write(key+"="+obj.key+"<br>");  
    }  

    return keys;  
}  

getKeys(mydiv.style);

すべてのプロパティを表示しますが、情報はありません。

jQueryソリューションは完全に機能しますがgetComputedStyle、ここではjqueryを使用できないため、私が探していたものでした。

短い情報でごめんなさい。

4

3 に答える 3

7

何をしていたかについての情報がまったくないことに基づいて、（可能であれば）window.getComputedStyle()ブラウザによってレンダリングされたオブジェクトのプロパティを見つけるアプローチを使用することをお勧めします。

var elem = document.getElementById('elemId'),
    properties = window.getComputedStyle(elem, null),
    height = properties.height,
    width = properties.width;

jQueryを利用できる場合は、width()and height()（またはouterWidth()/ outerHeight()）メソッドを使用できます。

var height = $('#elem').height(),
    width = $('#elem').width();
于 2012-09-20T17:59:29.600 に答える
4

あなたはたくさんの情報を与えません。使用した実際のコードを使用して投稿を編集することをお勧めします。

ただし、JQueryの場合：

$(DOMElement).width()           //-- Element width.
$(DOMElement).innerWidth()      //-- Element width + padding.
$(DOMElement).outerWidth()      //-- Element width + padding & border.
$(DOMElement).outerWidth(true)  //-- Element width + padding, border, and margin.
于 2012-09-20T18:00:12.420 に答える
0

$('div').width()幅を返します...

于 2012-09-20T18:00:19.347 に答える